import { createPortal } from 'react-dom';
import { usePortal } from './utils';

export interface IPortal {
  id?: string;
  className?: string;
  children: React.ReactNode;
}

export const Portal: React.FC<IPortal> = (props) => {
  const { id, className, children } = props;
  const target = usePortal({ id, className });
  return createPortal(children, target);
};