UNPKG

fui-fancyui

Version:
87 lines (86 loc) 2 kB
"use client"; import { jsxs as B, jsx as l } from "react/jsx-runtime"; import I from "../../atoms/FancySVGAtom/FancySVGAtom.js"; import V from "../LabeledInput/LabeledInput.js"; import E from "../../../design/designFunctions/getOpositMainThemeType/getOpositMainThemeType.js"; import { ExtendedFancyBox as M, generateIconStyle as W } from "./InputWrapper.style.js"; function w(s) { const { id: o, hasValue: d, isActive: e = !1, isTextArea: m, disabled: p, InputElement: u, systemMessage: n, icon: i, label: t, align: c, underline: h = !0, autoWidth: y, placeholder: f, layer: a = 2, outlined: x, outlinedBackgroundStrength: b, outlinedRemoveBorder: g, themeType: r = "primary", transparentBackground: S, externalStyle: T, focusStyle: $ = !0, labelVariant: v, className: A } = s; return /* @__PURE__ */ B( M, { className: A, themeType: S ? "transparent" : r, layer: a, outlined: x, outlinedBackgroundStrength: b, outlinedRemoveBorder: g, $hasLabel: !!t, $isActive: e, $boxShadow: $, $autoWidth: y, $isDisabled: p, externalStyle: T, children: [ i && /* @__PURE__ */ l( I, { themeType: E(r), layer: a, isPassive: !1, externalStyle: W(!!t), systemMessage: n, sizeC: "xs", isActive: e, children: i } ), /* @__PURE__ */ l( V, { id: o, isTextArea: m, align: c, themeType: r, label: t, hasPlaceholder: !!f, systemMessageType: n, layer: a, hasValue: d, underline: h, isActive: e, inputElement: u, labelVariant: v ?? "animated" } ) ] } ); } export { w as default };