// This file was generated by build-components.mjs
// ANY EDITS WILL BE OVERWRITTEN!

import {
  type FilesListProps,
  FilesList as PreactFilesList,
} from '@uppy/components'
import { h as preactH } from 'preact'
import { render as preactRender } from 'preact/compat'
import { createElement as h, useContext, useEffect, useRef } from 'react'
import { UppyContext } from '../UppyContextProvider.js'

export default function FilesList(props: Omit<FilesListProps, 'ctx'>) {
  const ref = useRef(null)
  const ctx = useContext(UppyContext)

  useEffect(() => {
    if (ref.current) {
      preactRender(
        preactH(PreactFilesList, {
          ...props,
          ctx,
        } satisfies FilesListProps),
        ref.current,
      )
    }
  }, [ctx, props])

  return <div ref={ref} />
}