Radio Group

import { Label } from '@/components/ui/label'
import { RadioGroup, RadioGroupItem } from '@/components/ui/radio-group'

export default function RadioGroupBasic() {
  return (
    <div className="flex flex-col gap-3">
      <p id="plan-label" className="text-body-sm font-medium">
        Plan
      </p>
      <RadioGroup aria-labelledby="plan-label" name="plan" defaultValue="team">
        <Label>
          <RadioGroupItem value="starter" />
          Starter, up to 3 seats
        </Label>
        <Label>
          <RadioGroupItem value="team" />
          Team, up to 20 seats
        </Label>
        <Label>
          <RadioGroupItem value="enterprise" />
          Enterprise, unlimited seats
        </Label>
      </RadioGroup>
    </div>
  )
}