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

import { RadioGroup } from 'radix-ui'

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

type ItempProps = ComponentProps<typeof RadioGroup.Item>

function Item({ className, ...props }: ItempProps) {
	return (
		<RadioGroup.Item className={clsx(rootStyles, className)} {...props}>
			<RadioGroup.Indicator className={indicatorStyles} />
		</RadioGroup.Item>
	)
}

export { Item }
