"use client";
import { TextField as e } from "../ui/forms/TextField.js";
import { jsx as t, jsxs as n } from "react/jsx-runtime";
//#region lib/examples/text-field-demo.tsx
function r() {
	return /* @__PURE__ */ n("div", {
		className: "flex flex-col gap-16",
		children: [
			/* @__PURE__ */ t(e, {
				label: "Email Address",
				description: "Enter your email address",
				placeholder: "you@example.com",
				className: "max-w-sm"
			}),
			/* @__PURE__ */ t(e, {
				label: "Disabled",
				description: "This field is disabled",
				placeholder: "Disabled input",
				disabled: !0,
				className: "max-w-sm"
			}),
			/* @__PURE__ */ t(e, {
				label: "With Icon",
				description: "This field has an icon",
				placeholder: "Search...",
				icon: "PeopleSingle",
				className: "max-w-sm",
				validationStatus: "success"
			}),
			/* @__PURE__ */ t(e, {
				label: "Error",
				description: "This field has an error message",
				placeholder: "Enter your text",
				className: "max-w-sm",
				validationStatus: "error",
				errorMessage: "This is an error message"
			}),
			/* @__PURE__ */ t(e, {
				label: "Success",
				description: "This field has a success message",
				placeholder: "Enter your text",
				className: "max-w-sm",
				validationStatus: "success"
			})
		]
	});
}
//#endregion
export { r as default };

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