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

FancyUI Libary

"use client";
import { jsx as e, jsxs as v } from "react/jsx-runtime";
import { ContentWrapper as x } from "./BottomBarIcon.style.js";
import { sizeSettings as f } from "./sizeSettings.js";
import T from "../../atoms/FancySVGAtom/FancySVGAtom.js";
import $ from "../../templates/FancyFlexBox/FancyFlexBox.js";
import u from "../../atoms/Typography/Typography.js";
function B(r) {
  const {
    sizeC: o = "sm",
    icon: a,
    label: t,
    isActive: n,
    hoverStyle: l,
    disabled: s,
    activeThemeType: c,
    themeType: m = "secondary",
    layer: p = 1,
    activeLayer: y = 0,
    hideLabel: i,
    externalStyle: h,
    ...d
  } = r;
  return /* @__PURE__ */ e(
    x,
    {
      $disabled: s,
      $isActive: n,
      $themeType: m,
      $hoverStyle: l,
      $layer: p,
      $activeLayer: y,
      $activeThemeType: c,
      $externalStyle: h,
      ...d,
      children: /* @__PURE__ */ v($, { direction: "column", align: "center", gap: "3xs", children: [
        /* @__PURE__ */ e(T, { sizeC: f[o].sizeIcon, isPassive: !0, "aria-label": i ? t : void 0, children: a }),
        !i && /* @__PURE__ */ e(u, { variant: "subTextCaption", lineHeight: 1, children: t })
      ] })
    }
  );
}
export {
  B as default
};