import type { ReactNode } from 'react';
import { createPortal } from 'react-dom';

interface Props {
  children: ReactNode;
  element: HTMLElement | null;
}

export default function JoyridePortal(props: Props) {
  const { children, element } = props;

  if (!element) {
    return null;
  }

  return createPortal(children, element);
}