"use client";
import { PhoneField as e } from "../ui/forms/PhoneField.js";
import { jsx as t, jsxs as n } from "react/jsx-runtime";
//#region lib/examples/phone-field-demo.tsx
function r() {
	return /* @__PURE__ */ n("div", {
		className: "flex flex-col gap-16",
		children: [/* @__PURE__ */ t(e, {
			label: "Phone Number",
			description: "Enter your phone number",
			placeholder: "+33 1 23 45 67 89",
			mode: "full",
			className: "max-w-sm",
			pattern: "+33 # ## ## ## ##"
		}), /* @__PURE__ */ t(e, {
			label: "Phone Number",
			description: "Select your code and number",
			placeholder: "1 23 45 67 89",
			mode: "split",
			className: "max-w-sm",
			pattern: "# ## ## ## ##"
		})]
	});
}
//#endregion
export { r as default };

//# sourceMappingURL=phone-field-demo.js.map