import { jsx as a, jsxs as h } from "react/jsx-runtime";
import { useDynamicImport as f } from "./index-use-dynamic-import.js";
import { classNames as x } from "./index-classNames.js";
import { TextTypes as r, Text as o, FontWeights as S } from "./index-Text.js";
import "react";
import e from "./index-PageSectionLoading.module.scss.js";
import { PageSection as b } from "./index-PageSection.js";
const v = (s) => {
  const {
    testId: n = "PageSectionLoading_Container",
    title: g,
    description: m,
    imgSize: c = "large",
    titleType: l = "text",
    ...d
  } = s, {
    SvgIcon: p,
    loading: k,
    error: y
  } = f("gifs/loading.gif");
  let t = e.imgLarge;
  switch (c) {
    case "small":
      t = e.imgSmall;
      break;
    case "medium":
      t = e.imgMedium;
      break;
    case "large":
      t = e.imgLarge;
      break;
  }
  let i = r.text;
  switch (l) {
    case "heading-3":
      i = r.heading3;
      break;
    case "heading-4":
      i = r.heading4;
      break;
    case "text-intro":
      i = r.textIntro;
      break;
  }
  return a(b, {
    testId: n,
    ...d,
    children: h("div", {
      className: e.container,
      children: [a("img", {
        className: x(t),
        src: p,
        alt: "loading..."
      }), a(o, {
        type: i,
        fontWeight: S.bold,
        children: g
      }), a(o, {
        children: m
      })]
    })
  });
};
export {
  v as PageSectionLoading
};
