import React, { Fragment } from "react"; // headless ui import { Popover, Transition } from "@headlessui/react"; // icons import { Icon } from "components/ui"; export const CustomPopover = ({ children, label, placeholder = "Select", }: { children: React.ReactNode; label?: string; placeholder?: string; }) => (
{({ open }) => ( <>
{label ?? placeholder}
{!open ? ( ) : ( )}
{children}
)}
);