import clsx from 'clsx'
import { type ComponentProps } from 'react'

import { DropdownMenu } from 'radix-ui'

import { rootStyles } from './Item.styles'

type ItemProps = ComponentProps<typeof DropdownMenu.Item>

function Item({ children, className, ...props }: ItemProps) {
	return (
		<DropdownMenu.Item className={clsx(rootStyles, className)} {...props}>
			{children}
		</DropdownMenu.Item>
	)
}

export { Item }
