Radio Card Group

"use client";

import React from "react";
import { RadioCardGroup } from "@/ui/components/RadioCardGroup";

function RadioCardGroupExample() {
  return (
    <RadioCardGroup value="" onValueChange={(value: string) => {}}>
      <div className="flex grow shrink-0 basis-0 flex-wrap items-start gap-2">
        <RadioCardGroup.RadioCard
          disabled={false}
          hideRadio={false}
          value="d4c5790e"
        >
          <div className="flex flex-col items-start pr-2">
            <span className="w-full text-body-bold font-body-bold text-default-font">
              Option
            </span>
            <span className="w-full text-caption font-caption text-subtext-color">
              Description
            </span>
          </div>
        </RadioCardGroup.RadioCard>
        <RadioCardGroup.RadioCard
          disabled={false}
          hideRadio={false}
          value="cabca730"
        >
          <div className="flex flex-col items-start pr-2">
            <span className="w-full text-body-bold font-body-bold text-default-font">
              Option
            </span>
            <span className="w-full text-caption font-caption text-subtext-color">
              Description
            </span>
          </div>
        </RadioCardGroup.RadioCard>
        <RadioCardGroup.RadioCard value="d96eb397">
          <div className="flex flex-col items-start pr-2">
            <span className="w-full text-body-bold font-body-bold text-default-font">
              Option
            </span>
            <span className="w-full text-caption font-caption text-subtext-color">
              Description
            </span>
          </div>
        </RadioCardGroup.RadioCard>
      </div>
    </RadioCardGroup>
  );
}

export default RadioCardGroupExample;