import React from 'react';
import {
  Root,
  RadioGroupProps as RootProps,
} from '@radix-ui/react-radio-group';
import { clsx } from 'clsx';

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

export interface RadioGroupProps extends RootProps {}

export const RadioGroup = React.forwardRef<HTMLDivElement, RadioGroupProps>(
  function RadioGroup({ className, ...props }, ref) {
    return <Root {...props} ref={ref} className={clsx(className, css.group)} />;
  },
);