import { trackSplit } from 'ripple';
import { useCarouselContext, type UseCarouselContext } from './use-carousel-context';

export interface CarouselContextProps {
  children: (context: UseCarouselContext) => any;
}

export component CarouselContext(props: CarouselContextProps) {
  const [children] = trackSplit(props, ['children']);
  const context = useCarouselContext();

  <@children {context} />
}