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