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

FancyUI Libary

"use client";
import { jsx as g } from "react/jsx-runtime";
import { forwardRef as f } from "react";
import { StyledStystemMessage as u } from "./SystemMessageBox.style.js";
import { sizes as o } from "./sizeSettings.js";
const x = f((s, t) => {
  const {
    children: d,
    layer: i,
    sizeC: e = "sm",
    themeType: m = "error",
    padding: r,
    borderRadius: a,
    margin: l,
    externalStyle: n,
    role: p
  } = s, y = a || (e ? o[e].borderRadius : void 0), c = r || (e ? o[e].padding : void 0);
  return /* @__PURE__ */ g(
    u,
    {
      ref: t,
      role: p ?? "alert",
      $padding: c,
      $margin: l,
      $borderRadius: y,
      $layer: i,
      $themeType: m,
      $externalStyle: n,
      children: d
    }
  );
});
x.displayName = "SystemMessageBox";
export {
  x as default
};