import React from "react";
import { FloatingPortal } from "@floating-ui/react";

export type PortalRootElementType = HTMLElement | null | undefined;

export type PortalProps = {
  children: React.ReactNode;
  id?: string | undefined;
  root?: PortalRootElementType;
};

/**
 * @deprecated import FloatingPortal from @floating-ui/react instead
 */
export const Portal = (props: PortalProps) => <FloatingPortal {...props} />;