mirror of
https://github.com/vercel/commerce.git
synced 2025-05-18 15:36:58 +00:00
23 lines
837 B
TypeScript
23 lines
837 B
TypeScript
import cn from 'clsx'
|
|
import React from 'react'
|
|
import s from './Dropdown.module.css'
|
|
import * as DropdownMenu from '@radix-ui/react-dropdown-menu'
|
|
|
|
export const Dropdown = DropdownMenu.Root
|
|
export const DropdownMenuItem = DropdownMenu.Item
|
|
export const DropdownTrigger = DropdownMenu.Trigger
|
|
export const DropdownMenuLabel = DropdownMenu.Label
|
|
export const DropdownMenuGroup = DropdownMenu.Group
|
|
|
|
export const DropdownContent = React.forwardRef<
|
|
HTMLDivElement,
|
|
{ children: React.ReactNode } & DropdownMenu.DropdownMenuContentProps &
|
|
React.RefAttributes<HTMLDivElement>
|
|
>(function DropdownContent({ children, className, ...props }, forwardedRef) {
|
|
return (
|
|
<DropdownMenu.Content ref={forwardedRef} sideOffset={8} {...props}>
|
|
<div className={cn(s.root, className)}>{children}</div>
|
|
</DropdownMenu.Content>
|
|
)
|
|
})
|