Selection card

import * as React from "react";
import { SelectionCard } from "@/components/ui/selection-card";
import { Zap } from "@/components/ui/icons";

export default function Example() {
  const [plan, setPlan] = React.useState("monthly");
  return (
    <div style={{ width: 360, display: "grid", gap: 12 }} role="radiogroup" aria-label="Tea club plan">
      <SelectionCard name="plan" checked={plan === "monthly"} onChange={() => setPlan("monthly")} title="Monthly tin" description="One 250g tin each month." price="৳480 / month" />
      <SelectionCard name="plan" checked={plan === "yearly"} onChange={() => setPlan("yearly")} icon={<Zap />} title="Yearly club" description="Twelve tins, one free." price="৳5,280 / year" />
    </div>
  );
}