import { RadioGroup, RadioGroupItem } from "./radio-group";

export default function RadioGroupDemo() {
  return (
    <div className="flex items-center justify-center p-8">
      <RadioGroup defaultValue="option-one" className="space-y-2">
        <div className="flex items-center gap-2">
          <RadioGroupItem value="option-one" id="option-one" />
          <label htmlFor="option-one" className="text-sm font-base cursor-pointer">
            Option One
          </label>
        </div>
        <div className="flex items-center gap-2">
          <RadioGroupItem value="option-two" id="option-two" />
          <label htmlFor="option-two" className="text-sm font-base cursor-pointer">
            Option Two
          </label>
        </div>
        <div className="flex items-center gap-2">
          <RadioGroupItem value="option-three" id="option-three" />
          <label htmlFor="option-three" className="text-sm font-base cursor-pointer">
            Option Three
          </label>
        </div>
      </RadioGroup>
    </div>
  );
}