Radio

import { Radio } from "@/components/ui/cn/radio/Radio";

export function RadioExample() {
  return (
    <div className="flex flex-col gap-2">
      <Radio name="plano" value="free" label="Grátis" defaultChecked />
      <Radio name="plano" value="pro" label="Pro — R$ 29/mês" />
      <Radio name="plano" value="team" label="Team — R$ 99/mês" />
    </div>
  );
}

// variant="card" — cartão selecionável com ícone/descrição/preço
export function RadioCardExample() {
  return (
    <div className="grid grid-cols-2 gap-3 max-w-md">
      <Radio
        name="plano-card"
        value="pro"
        variant="card"
        label="Pro"
        description="Pra times pequenos"
        price="R$ 29/mês"
        defaultChecked
      />
      <Radio name="plano-card" value="team" variant="card" label="Team" description="Recursos avançados" price="R$ 99/mês" />
    </div>
  );
}