import { trackSplit, type Component } from 'ripple';
import { useFileUploadContext, type UseFileUploadContext } from './use-file-upload-context';

export interface FileUploadContextProps {
  children: Component<{ context: UseFileUploadContext }>;
}

export component FileUploadContext(props: FileUploadContextProps) {
  const [children] = trackSplit(props, ['children']);
  const context = useFileUploadContext();

  <@children {context} />
}