import { cx } from '@linaria/core';
import React__default from 'react';
import { ModelTitleSkeletonStyle, ModelContentSkeletonStyle, ModelInitializingErrorStyle } from './SmallDialog.style.js';
import useParrotTranslation from '../../hooks/useParrotTranslation.js';
import Skeleton from '../Skeleton/index.js';
import { Space } from 'antd';
import { Typo } from '../Typo/index.js';

const ModelTitleSkeleton = () => {
  return /* @__PURE__ */ React__default.createElement("div", { className: cx(ModelTitleSkeletonStyle, "initializing-title") }, /* @__PURE__ */ React__default.createElement(Skeleton.Content, null));
};
const ModelContentSkeleton = ({ num = 2 }) => {
  return /* @__PURE__ */ React__default.createElement(Space, { direction: "vertical", size: 16, className: ModelContentSkeletonStyle }, Array.from({ length: num }).map((_, index) => /* @__PURE__ */ React__default.createElement("div", { key: index, className: "skeleton-wrapper" }, /* @__PURE__ */ React__default.createElement(Skeleton.Content, null))));
};
const ModelInitializingError = ({ error }) => {
  const { t } = useParrotTranslation();
  return /* @__PURE__ */ React__default.createElement("div", { className: ModelInitializingErrorStyle }, /* @__PURE__ */ React__default.createElement("p", { className: Typo.Display.d3_bold_title }, t("components.initializing_failed")), /* @__PURE__ */ React__default.createElement("div", { className: Typo.Label.l3_regular }, error));
};

export { ModelContentSkeleton, ModelInitializingError, ModelTitleSkeleton };
