import { trackSplit } from 'ripple';
import {
  usePasswordInputContext,
  type UsePasswordInputContext,
} from './use-password-input-context';

export interface PasswordInputContextProps {
  children: (context: UsePasswordInputContext) => any;
}

export component PasswordInputContext(props: PasswordInputContextProps) {
  const [children] = trackSplit(props, ['children']);
  const context = usePasswordInputContext();

  <@children {context} />
}