Phone Input

"use client";

import { PhoneInput } from "@dashboardpack/core/components/ui/phone-input";
import { useState } from "react";

export default function PhoneInputExample() {
  const [phone, setPhone] = useState("");
  return (
    <div className="w-full max-w-sm space-y-3">
      <p id="phone-help" className="text-sm font-medium">
        Contact number
      </p>
      <PhoneInput
        value={phone}
        onChange={setPhone}
        defaultCountry="GB"
        placeholder="Enter phone number"
      />
      <p className="text-xs text-muted-foreground">
        Choose a country to format a local number. Value: {phone || "Empty"}
      </p>
    </div>
  );
}