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

import { Select } from 'radix-ui'

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

type ItemProps = ComponentProps<typeof Select.Item>

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