fui-fancyui/dist/src/components/atoms/FancyBox/FancyBox.js

FancyUI Libary

"use client";
import { jsx as p } from "react/jsx-runtime";
import { StyledFancyBox as v } from "./FancyBox.style.js";
import { sizeSettings as t } from "./sizeSettings.js";
function S(r) {
  const {
    as: i,
    sizeC: e,
    layer: n = 1,
    themeType: a,
    outlined: l,
    outlinedRemoveBorder: s,
    outlinedBackgroundStrength: u,
    externalStyle: c,
    borderRadius: d,
    padding: o,
    margin: m,
    hoverLayer: g,
    ...y
  } = r, $ = d || (e ? t[e].borderRadius : void 0), h = o || (e ? t[e].padding : void 0);
  return /* @__PURE__ */ p(
    v,
    {
      $sizeC: e,
      $layer: n,
      as: i || "div",
      $outlined: l,
      $padding: h,
      $themeType: a,
      $margin: m,
      $outlinedRemoveBorder: s,
      $borderRadius: $,
      $externalStyle: c,
      $outlinedBackgroundStrength: u,
      $hoverLayer: g,
      ...y,
      children: r.children
    }
  );
}
export {
  S as default
};