import { FormControl as e } from "./FormControl.js";
import { PhoneFieldFullInput as t } from "./PhoneFieldFullInput.js";
import { PhoneFieldSplitInput as n } from "./PhoneFieldSplitInput.js";
import { useId as r } from "react";
import "@clubmed/trident-icons";
import { jsx as i } from "react/jsx-runtime";
//#region lib/ui/forms/PhoneField.tsx
var a = (a) => {
	let { id: o, name: s, value: c, label: l, className: u, description: d, mode: f = "full", dataTestId: p = "PhoneField", disabled: m, required: h, hideRequiredStar: g, validationStatus: _, errorMessage: v, onChange: y, ...b } = a, x = y, S = r();
	return /* @__PURE__ */ i(e, {
		id: o || S,
		label: l,
		className: u,
		description: d,
		dataName: "PhoneField",
		dataTestId: p,
		disabled: m,
		required: h,
		hideRequiredStar: g,
		validationStatus: _,
		errorMessage: v,
		children: i(f === "full" ? t : n, {
			id: o,
			name: s,
			value: c,
			disabled: m,
			required: h,
			validationStatus: _,
			onChange: x,
			...b
		})
	});
};
//#endregion
export { a as PhoneField };

//# sourceMappingURL=PhoneField.js.map