"use client"
import { useState } from "react"
import { RadioGroup, RadioGroupItem } from "@/components/ui/radio-group"
import { Label } from "@/components/ui/label"

export function PlanoSelector() {
  const [plano, setPlano] = useState("mensal")

  return (
    <RadioGroup value={plano} onValueChange={setPlano}>
      <div className="flex items-center gap-2">
        <RadioGroupItem value="mensal" id="plano-mensal" />
        <Label htmlFor="plano-mensal">Mensal</Label>
      </div>
      <div className="flex items-center gap-2">
        <RadioGroupItem value="anual" id="plano-anual" />
        <Label htmlFor="plano-anual">Anual</Label>
      </div>
    </RadioGroup>
  )
}