import React from 'react';
import { clsx } from 'clsx';
import { Indicator, RadioIndicatorProps } from '@radix-ui/react-radio-group';

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

export interface RadioGroupItemIndicatorProps extends RadioIndicatorProps {}

export const RadioGroupItemIndicator = React.forwardRef<
  HTMLSpanElement,
  RadioGroupItemIndicatorProps
>(function RadioGroupItemIndicator({ className, ...props }, ref) {
  return (
    <Indicator
      {...props}
      ref={ref}
      forceMount
      className={clsx(className, css.indicator)}
    />
  );
});