Radio Group

"use client";

import {
  RadioGroup,
  RadioGroupItem,
} from "@dashboardpack/core/components/ui/radio-group";
import { Label } from "@dashboardpack/core/components/ui/label";
import { useState } from "react";

export default function RadioGroupExample() {
  const [plan, setPlan] = useState("Team");
  return (
    <div className="space-y-4">
      <RadioGroup
        value={plan}
        onValueChange={setPlan}
        aria-label="Subscription plan"
      >
        {["Starter", "Team", "Enterprise"].map((name) => (
          <div key={name} className="flex items-center gap-3">
            <RadioGroupItem id={`plan-${name}`} value={name} />
            <Label htmlFor={`plan-${name}`}>{name}</Label>
          </div>
        ))}
      </RadioGroup>
      <p className="text-sm text-muted-foreground">Selected: {plan}</p>
    </div>
  );
}