import { trackSplit } from 'ripple';
import { useScrollAreaContext, type UseScrollAreaContext } from './use-scroll-area-context';

export interface ScrollAreaContextProps {
  children: (context: UseScrollAreaContext) => any;
}

export component ScrollAreaContext(props: ScrollAreaContextProps) {
  const [children] = trackSplit(props, ['children']);
  const context = useScrollAreaContext();

  <@children {context} />
}