import { trackSplit } from 'ripple';
import { useQrCodeContext, type UseQrCodeContext } from './use-qr-code-context';

export interface QrCodeContextProps {
  children: (context: UseQrCodeContext) => any;
}

export component QrCodeContext(props: QrCodeContextProps) {
  const [children] = trackSplit(props, ['children']);
  const context = useQrCodeContext();

  <@children {context} />
}