import { trackSplit } from 'ripple';
import { useSelectItemContext, type UseSelectItemContext } from './use-select-item-context';

export interface SelectItemContextProps {
  children: (context: UseSelectItemContext) => any;
}

export component SelectItemContext(props: SelectItemContextProps) {
  const [children] = trackSplit(props, ['children']);
  const context = useSelectItemContext();

  <@children {context} />
}