"use client";
import { FloatingLabelTextField as e } from "../ui/forms/FloatingLabelTextField.js";
import { jsx as t, jsxs as n } from "react/jsx-runtime";
//#region lib/examples/floating-label-text-field-demo.tsx
function r() {
	return /* @__PURE__ */ n("div", {
		className: "flex flex-col gap-16 w-full max-w-[496px]",
		children: [
			/* @__PURE__ */ t(e, { label: "Select" }),
			/* @__PURE__ */ t(e, {
				label: "Select",
				value: "First value of the list",
				hasDropdown: !0
			}),
			/* @__PURE__ */ t(e, {
				label: "Select",
				value: "First value of the list",
				validationStatus: "error",
				errorMessage: "Please select a value",
				hasDropdown: !0
			}),
			/* @__PURE__ */ t(e, {
				label: "Select",
				disabled: !0
			})
		]
	});
}
//#endregion
export { r as default };

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