import type { ReactNode } from 'react';
import { createPortal } from 'react-dom';
import { usePortal } from '../hooks/usePortal';

interface Props {
  children: ReactNode;
  name: string;
}

export function Portal({ children, name }: Props) {
  const portal = usePortal(name);
  return createPortal(children, portal);
}