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

React component library

import { jsx as e, Fragment as a } from "react/jsx-runtime";
import { Suspense as o } from "react";
import { S as m, a as i, e as d } from "./style-NhzYtIA7.js";
import { s as h } from "./emotion-styled.browser.esm-DfbrHHed.js";
import { d as c } from "./breakpoints-BubDitvo.js";
const l = h(m)`
  &.skeleton__tags {
    max-width: 50rem;
  }

  @media ${c("S")} {
    &.skeleton__tags {
      overflow-x: hidden;
    }
  }
`, g = ({ keyPrefix: t }) => /* @__PURE__ */ e(l, { className: "skeleton__cards", children: [1, 2, 3].map((s) => /* @__PURE__ */ e(
  i,
  {
    width: "100%",
    height: "13.75rem"
  },
  `${t}-${s}`
)) }), C = ({
  keyPrefix: t,
  isLoading: s = !1,
  fallbackComponent: n = /* @__PURE__ */ e(a, {}),
  children: r
}) => /* @__PURE__ */ e(o, { fallbackComponent: n, children: s === !0 ? /* @__PURE__ */ e(g, { keyPrefix: t }) : r }), f = ({ keyPrefix: t }) => /* @__PURE__ */ e(l, { className: "skeleton__tags", children: [1, 2, 3, 4, 5].map((s) => /* @__PURE__ */ e(
  d,
  {
    alignItems: "center",
    gap: "0.5rem",
    children: /* @__PURE__ */ e(i, { height: "1.5rem", width: "8rem" })
  },
  `${t}-${s}`
)) }), T = ({
  keyPrefix: t,
  isLoading: s = !1,
  fallbackComponent: n = /* @__PURE__ */ e(a, {}),
  children: r
}) => /* @__PURE__ */ e(o, { fallbackComponent: n, children: s === !0 ? /* @__PURE__ */ e(f, { keyPrefix: t }) : r });
export {
  T as S,
  C as a
};