'use strict';

var core = require('@linaria/core');
var React = require('react');
var SmallDialog_style = require('./SmallDialog.style.js');
var useParrotTranslation = require('../../hooks/useParrotTranslation.js');
var index = require('../Skeleton/index.js');
var antd = require('antd');
var index$1 = require('../Typo/index.js');

function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }

var React__default = /*#__PURE__*/_interopDefault(React);

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

exports.ModelContentSkeleton = ModelContentSkeleton;
exports.ModelInitializingError = ModelInitializingError;
exports.ModelTitleSkeleton = ModelTitleSkeleton;
