import { trackSplit } from 'ripple';
import { usePinInputContext, type UsePinInputContext } from './use-pin-input-context';

export interface PinInputContextProps {
  children: (context: UsePinInputContext) => any;
}

export component PinInputContext(props: PinInputContextProps) {
  const [children] = trackSplit(props, ['children']);
  const context = usePinInputContext();

  <@children {context} />
}