public-ui-kolibri

import React, { forwardRef } from 'react';

import { InputRadioCases } from './cases';

import type { Components } from '@public-ui/components';
import { KolHeading } from '@public-ui/react-v19';
import { SampleColumns } from '../../SampleColumns';

export const InputRadioVariants = forwardRef<HTMLKolInputRadioElement, Components.KolInputRadio>(function InputRadioVariant(props, ref) {
	return (
		<SampleColumns>
			<div className="border border-solid border-dark-100 p-3">
				<KolHeading _level={2} _label="Radio" className="block mb-2" />
				<InputRadioCases {...props} />
			</div>
			<div className="border border-solid border-dark-100 p-3">
				<KolHeading _level={2} _label="Radio (hideLabel)" className="block mb-2" />
				<InputRadioCases ref={ref} {...props} _hideLabel />
			</div>
		</SampleColumns>
	);
});