fui-fancyui/dist/src/components/molecules/SearchBar/SearchBar.js

FancyUI Libary

"use client";
import { jsx as a } from "react/jsx-runtime";
import { useState as h } from "react";
import p from "../../icons/SVGSearch/SVGSearch.js";
import d from "../../organisms/FancyTextInput/FancyTextInput.js";
import { SizeWrapper as S, StyledSearchBar as B, InputWrapper as v, IconWrapper as y } from "./SearchBar.style.js";
function A(r) {
  const {
    activeHandler: n,
    searchValue: o,
    align: l = "center",
    themeType: s = "primary",
    layer: u = 0,
    sizeC: t = "sm",
    ...i
  } = r, [m, f] = h(!1), c = (e) => {
    n && n(e), f(e);
  };
  return /* @__PURE__ */ a(S, { ...i, children: /* @__PURE__ */ a(B, { $sizeC: t, $isActive: m, children: /* @__PURE__ */ a(v, { $sizeC: t, children: /* @__PURE__ */ a(
    d,
    {
      layer: u,
      themeType: s,
      icon: /* @__PURE__ */ a(y, { $sizeC: t, children: p }),
      transparentBackground: !0,
      value: o,
      align: l,
      "aria-label": "Searchbar",
      onFocus: (e) => {
        c(!0), r.onFocus && r.onFocus(e);
      },
      onBlur: (e) => {
        c(!1), r.onBlur && r.onBlur(e);
      },
      ...i
    }
  ) }) }) });
}
export {
  A as default
};