<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>