@lanaco/lnc-react-ui 4.0.61 → 4.0.63

package/dist/skeleton-BSYKhOiK.js

@@ -1,146 +0,0 @@
-import { jsxs as t, jsx as e } from "react/jsx-runtime";
-import { forwardRef as d } from "react";
-import { u as w } from "./useDetectMobile-BC6EGaBc.js";
-import a from "./Button.js";
-import { P as b } from "./index-CLNtYToJ.js";
-import { s as n } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { M as l } from "./consts-C1uHV4xc.js";
-import { m as s, t as f } from "./utils-DtRLzzTZ.js";
-const c = n.div`
-  display: flex;
-  width: 100%;
-  gap: 1.25rem;
-  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1),
-    0px 1px 2px 0px rgba(0, 0, 0, 0.06);
-  background-color: var(--white);
-  border-radius: 0.75rem;
-  border: 1px solid var(--gray-95008);
-  overflow: hidden;
-  max-height: 11.25rem;
-  min-height: 11.25rem;
-
-  & img {
-    max-height: 11.25rem;
-    min-height: 11.25rem;
-    min-width: 11.25rem;
-    max-width: 11.25rem;
-    object-fit: cover;
-    width: 100%;
-    border-radius: 0.75rem 0 0 0.75rem;
-  }
-
-  & .skeleton-img {
-    width: 100%;
-    max-height: 11.25rem;
-    min-height: 12.25rem;
-    min-width: 11.25rem;
-    max-width: 11.25rem;
-    background-color: ${s("-90deg")};
-    border-radius: 0.75rem 0 0 0.75rem;
-  }
-
-  @media (max-width: ${l + "px"}) {
-    padding: 1rem;
-    column-gap: 1.5rem;
-    row-gap: 1rem;
-    display: grid;
-    grid-template-columns: repeat(2, auto);
-    max-height: 13.25rem;
-    min-height: 13.25rem;
-    & .action {
-      grid-column: 1 / 3;
-    }
-
-    & img,
-    .skeleton-img {
-      max-height: 7.75rem;
-      min-height: 7.75rem;
-      min-width: 7.75rem;
-      max-width: 7.75rem;
-      border-radius: 0.75rem;
-    }
-
-    & button {
-      width: 100%;
-      margin-top: auto;
-    }
-  }
-`, g = n.div`
-  padding: 1rem;
-  display: flex;
-  flex-direction: column;
-  gap: 0.25rem;
-  color: var(--gray-950, #14161a);
-
-  & .text-wr-title {
-    font-weight: 600;
-    font-size: 1.25rem;
-  }
-
-  & .text-wr {
-    font-weight: 400;
-    font-size: 0.875rem;
-    color: var(--gray-700, #4e555f);
-    ${f(3)}
-  }
-
-  & button {
-    width: fit-content;
-    margin-top: auto;
-  }
-
-  & .skeleton-title {
-    height: 1.75rem;
-    width: 80%;
-    background-color: ${s("-90deg")};
-  }
-
-  @media (max-width: ${l + "px"}) {
-    padding: 0;
-  }
-`, z = d((i, h) => {
-  const {
-    title: p,
-    imageUrl: x,
-    text: u,
-    onCardClick: r,
-    buttonText: o
-  } = i, m = w();
-  return /* @__PURE__ */ t(c, { ref: h, className: "blog-card", onClick: r, children: [
-    /* @__PURE__ */ e(b, { src: x }),
-    /* @__PURE__ */ t(g, { children: [
-      /* @__PURE__ */ e("div", { className: "text-wr-title", children: p }),
-      /* @__PURE__ */ e("div", { className: "text-wr", children: u }),
-      m !== !0 && /* @__PURE__ */ e(
-        a,
-        {
-          type: "button",
-          btnType: "outline",
-          size: "medium",
-          color: "gray",
-          onClick: r,
-          children: o
-        }
-      )
-    ] }),
-    m === !0 && /* @__PURE__ */ e(
-      a,
-      {
-        className: "action",
-        type: "button",
-        btnType: "outline",
-        size: "medium",
-        color: "gray",
-        onClick: r,
-        children: o
-      }
-    )
-  ] });
-}), I = d(({}, i) => /* @__PURE__ */ t(c, { className: "blog-card", children: [
-  /* @__PURE__ */ e("div", { className: "skeleton-img" }),
-  /* @__PURE__ */ e(g, { children: /* @__PURE__ */ e("div", { className: "skeleton-title" }) })
-] }));
-export {
-  I as B,
-  z as a
-};