Function Dropdown

src/components/kit/Dropdown.tsx:9–24

(props: Props)

}

const Dropdown = (props: Props) => {
  const { children, tigger } = props;

  return (
    <DropdownUI.Root modal={false}>
      <DropdownUI.Trigger asChild onClick={(e) => e.stopPropagation()}>
        {tigger}
      </DropdownUI.Trigger>
      <DropdownUI.Portal>
        <DropdownUI.Content className="z-[999] drop-shadow" sideOffset={5}>
          {children}
        </DropdownUI.Content>
      </DropdownUI.Portal>
    </DropdownUI.Root>
  );
};

export const DropdownItem = DropdownUI.Item;