Phone input

"use client";

import { type BdPhone, FormField, PhoneInput } from "@waveinno/ui";
import * as React from "react";

export default function PhoneDemo() {
  const [phone, setPhone] = React.useState<BdPhone | null>(null);
  return (
    <div className="grid gap-6 md:grid-cols-2">
      <FormField label="Mobile number" hint={phone?.valid ? `Saved as ${phone.e164}` : "Type it any way: 017…, +880 17…, or in Bangla digits."}>
        <PhoneInput defaultValue="01712345678" onValueChange={(_, p) => setPhone(p)} />
      </FormField>
      <FormField label="Empty, with a wrong prefix as you type" hint="Try 012: no operator uses it.">
        <PhoneInput />
      </FormField>
    </div>
  );
}