Radio GroupFreev1.0.0

"use client";

import * as React from "react";
import { RadioGroup, RadioGroupRow } from "@/components/ui/notchset/radio-group";

export function RolloutPlan() {
  const [rollout, setRollout] = React.useState("canary");
  return (
    <RadioGroup rows value={rollout} onValueChange={setRollout}>
      <RadioGroupRow value="canary" label="Canary" description="5% for 24 hours, then everyone." steps={[5, 100]} />
      <RadioGroupRow value="staged" label="Staged" description="10%, 50%, then everyone." steps={[10, 50, 100]} />
      <RadioGroupRow value="all" label="All at once" description="Everyone, now." steps={[100]} />
    </RadioGroup>
  );
}