@lanaco/lnc-react-ui/dist/index-Bclu4KBK.js

React component library

import { jsx as e, jsxs as s, Fragment as m } from "react/jsx-runtime";
import { Suspense as a } from "react";
import { b as d, c as l, a as r } from "./style-NhzYtIA7.js";
import { s as c } from "./emotion-styled.browser.esm-DfbrHHed.js";
import { d as p } from "./breakpoints-BubDitvo.js";
const S = c(d)`
  @media ${p("S")} {
    flex-direction: column;

    & > div {
      flex-direction: column;
    }
  }
`, h = ({ keyPrefix: o }) => /* @__PURE__ */ e(S, { children: [1, 2].map((n) => /* @__PURE__ */ s(l, { children: [
  /* @__PURE__ */ e(r, { width: "100%", height: "11.25rem" }),
  /* @__PURE__ */ e(r, { width: "100%", height: "11.25rem" })
] }, `${o}-${n}`)) }), k = ({
  keyPrefix: o,
  isLoading: n = !1,
  fallbackComponent: t = /* @__PURE__ */ e(m, {}),
  children: i
}) => /* @__PURE__ */ e(a, { fallbackComponent: t, children: n === !0 ? /* @__PURE__ */ e(h, { keyPrefix: o }) : i });
export {
  k as S
};