Dropdown

<P.Dropdown.Root>
  <P.Dropdown.Trigger class="dropdown-trigger">Git Settings</P.Dropdown.Trigger>
  <P.Dropdown.Popover class="dropdown-popover" gutter={8}>
    <P.Dropdown.Group class="dropdown-group">
      <P.Dropdown.GroupLabel class="dropdown-group-label">Actions</P.Dropdown.GroupLabel>
      {actions.map((action) => (
        <P.Dropdown.Item
          key={action.label}
          class="dropdown-item"
          disabled={action.disabled}
        >
          {action.label}
        </P.Dropdown.Item>
      ))}
    </P.Dropdown.Group>
    <P.Dropdown.Separator />
    {checkboxItems.map((item) => {
      return (
        <P.Dropdown.CheckboxItem key={item} class="dropdown-item">
          <P.Dropdown.ItemIndicator>
            <LuCheck />
          </P.Dropdown.ItemIndicator>
          {item}
        </P.Dropdown.CheckboxItem>
      );
    })}
    <P.Dropdown.Separator />
    <P.Dropdown.RadioGroup class="dropdown-group" value="main">
      {radioItems.map((item) => {
        return (
          <P.Dropdown.RadioItem key={item} class="dropdown-item" value={item}>
            <P.Dropdown.ItemIndicator>
              <LuCheck />
            </P.Dropdown.ItemIndicator>
            {item}
          </P.Dropdown.RadioItem>
        );
      })}
    </P.Dropdown.RadioGroup>
  </P.Dropdown.Popover>
</P.Dropdown.Root>