"use client"

import { RadioGroup, RadioGroupItem } from "@/registry/ui/radio-group/radio-group"

export default function RadioGroupBasic() {
  return (
    <div className="flex w-full max-w-sm flex-col gap-3">
      <div id="transmit-power-label" className="text-sm font-medium">
        Transmit power
      </div>
      <RadioGroup defaultValue="standard" aria-labelledby="transmit-power-label">
        <label className="flex items-center gap-2 text-sm">
          <RadioGroupItem value="low" />
          Low — 5 W beacon
        </label>
        <label className="flex items-center gap-2 text-sm">
          <RadioGroupItem value="standard" />
          Standard — 25 W relay
        </label>
        <label className="flex items-center gap-2 text-sm">
          <RadioGroupItem value="high" />
          High — 100 W broadcast
        </label>
        <label className="flex items-center gap-2 text-sm text-muted-foreground">
          <RadioGroupItem value="emergency" disabled />
          Emergency — 400 W (locked)
        </label>
      </RadioGroup>
    </div>
  )
}
Draw

Examples
