Payment method picker

"use client";

import { PaymentMethodPicker } from "@waveinno/ui";
import * as React from "react";

export default function PaymentDemo() {
  const [method, setMethod] = React.useState("bkash");
  return (
    <div className="grid gap-8 lg:grid-cols-2">
      <div>
        <p className="mb-2 text-[13px] font-medium text-text">Cards, with fees</p>
        <PaymentMethodPicker value={method} onValueChange={setMethod} fees={{ bkash: "1.85%", nagad: "1.5%", card: "2.5%", cash: "Free" }} />
      </div>
      <div className="space-y-6">
        <div>
          <p className="mb-2 text-[13px] font-medium text-text">List, every method</p>
          <PaymentMethodPicker variant="list" methods={["bkash", "nagad", "rocket", "upay", "card", "bank", "cod"]} defaultValue="cod" />
        </div>
        <div>
          <p className="mb-2 text-[13px] font-medium text-text">Chips</p>
          <PaymentMethodPicker variant="chips" methods={["bkash", "nagad", "card", "cash"]} />
        </div>
      </div>
    </div>
  );
}