@lanaco/lnc-react-ui/dist/Surface.js

React component library

import { jsx as n } from "react/jsx-runtime";
import { s as l } from "./emotion-styled.browser.esm-DfbrHHed.js";
import { k as u, b as f } from "./utils-BUdHa0nB.js";
import { u as h } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
const x = l.div`
  padding: ${(e) => e.padding};
  box-shadow: ${(e) => u(e.theme, e.boxShadow)};
  border-radius: ${(e) => f(e.theme, e.borderRadius)};
  width: ${(e) => e.fullWidth ? "100%" : "fit-content"};
  border-top: 1px solid rgba(0, 0, 0, 0.04);
`, w = ({
  children: e,
  style: r = {},
  className: a = "",
  boxShadow: t = "s",
  borderRadius: o = "regular",
  padding: s = "s",
  fullWidth: d = !1
}) => {
  const i = h(), m = {
    xs: "0.25rem",
    s: "0.5rem",
    m: "0.75rem",
    l: "1rem",
    xl: "1.25rem",
    xxl: "1.5rem"
  };
  return /* @__PURE__ */ n(
    x,
    {
      theme: i,
      style: r,
      className: "lnc-ui-surface " + a,
      borderRadius: o,
      boxShadow: t,
      padding: m[s],
      fullWidth: d,
      children: e
    }
  );
};
export {
  w as default
};