Address picker

"use client";

import { BdAddressPicker, type BdAddress, Segmented } from "@waveinno/ui";
import * as React from "react";

export default function AddressDemo() {
  const [lang, setLang] = React.useState<"en" | "bn">("en");
  const [address, setAddress] = React.useState<BdAddress>({ division: "dhaka", district: "dhaka", area: "House 12, Road 7, Gulshan 1", postcode: "1212" });
  return (
    <div className="space-y-4">
      <Segmented
        ariaLabel="Language"
        value={lang}
        onChange={setLang}
        options={[
          { value: "en", label: "English" },
          { value: "bn", label: "বাংলা" },
        ]}
      />
      <BdAddressPicker value={address} onValueChange={setAddress} lang={lang} />
      <pre className="overflow-x-auto rounded-[10px] bg-surface p-3 text-[12px] text-muted">{JSON.stringify(address)}</pre>
    </div>
  );
}