diff options
2 files changed, 22 insertions, 0 deletions
diff --git a/desktop/packages/mullvad-vpn/src/renderer/components/default-listbox-option/DefaultListboxOption.tsx b/desktop/packages/mullvad-vpn/src/renderer/components/default-listbox-option/DefaultListboxOption.tsx new file mode 100644 index 0000000000..d5ca9d946d --- /dev/null +++ b/desktop/packages/mullvad-vpn/src/renderer/components/default-listbox-option/DefaultListboxOption.tsx @@ -0,0 +1,21 @@ +import { ListboxOptionProps } from '../../lib/components/listbox/components'; +import { Listbox } from '../../lib/components/listbox/Listbox'; + +export type DefaultListboxOptionProps<T> = ListboxOptionProps<T>; + +export function DefaultListboxOption<T>({ children, ...props }: DefaultListboxOptionProps<T>) { + return ( + <Listbox.Option level={1} {...props}> + <Listbox.Option.Trigger> + <Listbox.Option.Item> + <Listbox.Option.Content> + <Listbox.Option.Group> + <Listbox.Option.Icon icon="checkmark" /> + <Listbox.Option.Label>{children}</Listbox.Option.Label> + </Listbox.Option.Group> + </Listbox.Option.Content> + </Listbox.Option.Item> + </Listbox.Option.Trigger> + </Listbox.Option> + ); +} diff --git a/desktop/packages/mullvad-vpn/src/renderer/components/default-listbox-option/index.ts b/desktop/packages/mullvad-vpn/src/renderer/components/default-listbox-option/index.ts new file mode 100644 index 0000000000..1aafd5ae27 --- /dev/null +++ b/desktop/packages/mullvad-vpn/src/renderer/components/default-listbox-option/index.ts @@ -0,0 +1 @@ +export * from './DefaultListboxOption'; |