import { jsx as i, jsxs as r } from "react/jsx-runtime";
import e from "../../../../modules/ResearchStudies/components/StudiesSkeleton/studiesSkeleton.module.css";
import { Skeleton as t } from "../../../../components/Skeleton/Skeleton.es.js";
const h = ({}) => /* @__PURE__ */ i("div", { className: e.root, children: /* @__PURE__ */ r("div", { className: e.content, children: [
  /* @__PURE__ */ i(t, { height: "28px", width: "100px", className: e.label, radius: "4px" }),
  /* @__PURE__ */ i(t, { variant: "banner", height: "293px", radius: "12px" }),
  /* @__PURE__ */ r("div", { className: e.row, children: [
    /* @__PURE__ */ i(t, { height: "12px", width: "100px", radius: "6px" }),
    /* @__PURE__ */ i(t, { height: "12px", width: "8px", radius: "6px" }),
    /* @__PURE__ */ i(t, { height: "12px", width: "100px", radius: "6px" })
  ] }),
  /* @__PURE__ */ i(t, { height: "44px", width: "100%", radius: "6px" }),
  /* @__PURE__ */ i("div", { className: e.borderLeft, "data-line": "left" }),
  /* @__PURE__ */ i("div", { className: e.borderRight, "data-line": "right" })
] }) });
export {
  h as StudiesSkeleton
};
