import { forwardRef } from "react";

const RadioButton = forwardRef(function radioButton(
	{ name, label, className, defaultValue },
	ref,
) {
	const classNames = `radio ${className}`;
	return (
		<label className={classNames}>
			<input type="radio" name={name} ref={ref} defaultValue={defaultValue} />
			<div className="radio-element">
				<div className="selected"></div>
			</div>
			<span>{label}</span>
		</label>
	);
});

export default RadioButton;