import type { RadioButtonProps } from "$/types/InputTypes";
import clsx from "clsx";
import { forwardRef } from "react";
import RadioButton from "./RadioButton";


const TertiaryRadioButton = forwardRef<HTMLInputElement, RadioButtonProps>(({
	className,
	...props
}, ref ) => {
	return (
		<RadioButton
			className={clsx(
				"group-data-checked:bg-tertiary",
				className
			)}
			ref={ref}
			{...props}
		/>
	);
});

TertiaryRadioButton.displayName = "TertiaryRadioButton";

export default TertiaryRadioButton;
