import { jsx as t, jsxs as a } from "react/jsx-runtime";
import { useDynamicImport as c } from "./index-use-dynamic-import.js";
import { mb1_5 as r, mt1_5 as p, justifyContentCenter as d, alignItemsCenter as f, dFlexColumn as g } from "./index-general.module.js";
import { classNames as o } from "./index-classNames.js";
import { ComponentContainer as h } from "./index-ComponentContainer.js";
import { Text as s, FontWeights as x, TextTypes as I } from "./index-Text.js";
import "react";
const W = (n) => {
  const {
    title: i,
    description: m,
    replacements: e
  } = n, {
    SvgIcon: l,
    loading: C,
    error: y
  } = c("gifs/loading.gif");
  return t(h, {
    children: a("div", {
      className: o(g, f, d),
      children: [t("img", {
        style: {
          width: 200,
          height: 200
        },
        src: l
      }), t(s, {
        testId: "title",
        className: o(r, p),
        replacements: e,
        type: I.textIntro,
        fontWeight: x.bold,
        translate: !1,
        children: i
      }), t(s, {
        testId: "description",
        className: r,
        replacements: e,
        translate: !1,
        children: m
      })]
    })
  });
};
export {
  W as ImgLoader
};
