import { jsxs as s, jsx as t } from "@emotion/react/jsx-runtime";
import { useModuleDictionary as m, useEnvironment as S } from "@m4l/core";
import { ContainerBlockContentStyled as p, BlockContentGroupStyled as y, IllustrationUploadStyled as h, TitleStyled as u, DescriptionStyled as v, DividerStyled as N, DividerTextStyled as _, ButtonStyled as x } from "../../slots/RHFUploadSingleFileSlots.js";
import { COMPONENTS_DICTIONARY_KEYS as n } from "../../dictionary.js";
import { RHF_UPLOAD_SINGLE_FILE_CLASSES as e, ILLUSTRATION_UPLOAD as D } from "../../constants.js";
import { LinearProgress as L } from "../../../../../extended/mui/LinearProgress/index.js";
const E = (l) => {
  const { value: i, hidden: a, size: o } = l, { getLabel: r } = m(), { host_static_assets: d, environment_assets: c } = S();
  return /* @__PURE__ */ s(p, { ownerState: { hidden: a }, children: [
    /* @__PURE__ */ s(y, { className: e.blockContentGroup, children: [
      /* @__PURE__ */ t(
        h,
        {
          src: `${d}/${c}/${D}`,
          width: 100,
          height: 100,
          className: e.illustrationUpload,
          size: o
        }
      ),
      /* @__PURE__ */ t(
        u,
        {
          skeletonWidth: 100,
          variant: "bodyDens",
          className: e.title,
          size: o,
          children: r(n.title)
        }
      ),
      /* @__PURE__ */ t(
        v,
        {
          skeletonWidth: 200,
          skeletonRows: 2,
          className: e.description,
          variant: "bodyStandard",
          color: "text.secondary",
          size: o,
          children: r(n.description)
        }
      ),
      /* @__PURE__ */ t(N, { children: /* @__PURE__ */ t(
        _,
        {
          skeletonWidth: 10,
          className: e.dividerText,
          variant: "bodyDens",
          color: "text.secondary",
          size: o,
          children: r(n.dividerText)
        }
      ) })
    ] }),
    /* @__PURE__ */ t(
      x,
      {
        className: e.button,
        variant: "contained",
        color: "primary",
        label: r(n.buttonText),
        size: o
      }
    ),
    i && /* @__PURE__ */ t(L, { className: e.linearProgress, variant: "determinate", value: i })
  ] });
};
export {
  E as BlockContent
};
