Plate input

"use client";

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

export default function PlateDemo() {
  const [plate, setPlate] = React.useState("DHAKA METRO-GA 12-3456");
  return (
    <div className="space-y-6">
      <FormField label="Vehicle" hint={plate ? `Value: ${plate}` : "Six digits complete the plate."}>
        <PlateInput defaultValue="DHAKA METRO-GA 12-3456" onValueChange={setPlate} />
      </FormField>
      <FormField label="Drawn in English">
        <PlateInput defaultValue="CHATTA METRO-KA 11-8890" plateScript="latin" />
      </FormField>
    </div>
  );
}