import React from 'react';
import { clsx } from 'clsx';
import {
  Item,
  RadioGroupItemProps as ItemProps,
} from '@radix-ui/react-radio-group';

import * as css from './radio-group-item.css';

export interface RadioGroupItemProps extends ItemProps {}

export const RadioGroupItem = React.forwardRef<
  HTMLButtonElement,
  RadioGroupItemProps
>(function RadioGroupItem({ className, ...props }, ref) {
  return <Item {...props} ref={ref} className={clsx(className, css.item)} />;
});