import { trackSplit } from 'ripple';
import { useSegmentGroupContext, type UseSegmentGroupContext } from './use-segment-group-context';

export interface SegmentGroupContextProps {
  children: (context: UseSegmentGroupContext) => any;
}

export component SegmentGroupContext(props: SegmentGroupContextProps) {
  const [children] = trackSplit(props, ['children']);
  const context = useSegmentGroupContext();

  <@children {context} />
}