"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.Content = void 0;
const jsx_runtime_1 = require("react/jsx-runtime");
const ErrorFillSm_1 = require("../../../icons/ErrorFillSm");
const ContentState_1 = require("../../ContentState");
const MenuGroup_1 = require("../../MenuGroup");
const Typography_1 = require("../../Typography");
const styles_1 = require("./styles");
const Content = ({ isLoading, isError, products = [], }) => {
    return ((0, jsx_runtime_1.jsx)(ContentState_1.ContentState, { isLoading: isLoading, isCustom: isError, customState: {
            imgAlt: 'Что-то пошло не так',
            title: ((0, jsx_runtime_1.jsxs)(styles_1.TitleErrorContainer, { container: true, component: "span", children: [(0, jsx_runtime_1.jsx)(ErrorFillSm_1.ErrorFillSm, { color: "inherit" }), (0, jsx_runtime_1.jsx)(Typography_1.Typography, { variant: "h6", color: "grey", colorIntensity: "900", children: "\u0427\u0442\u043E-\u0442\u043E \u043F\u043E\u0448\u043B\u043E \u043D\u0435 \u0442\u0430\u043A" })] })),
            description: 'Произошла ошибка. Повторите попытку позже.',
        }, children: (0, jsx_runtime_1.jsx)(MenuGroup_1.MenuGroup, { label: "\u041F\u0440\u043E\u0434\u0443\u043A\u0442\u044B \u044D\u043A\u043E\u0441\u0438\u0441\u0442\u0435\u043C\u044B", children: products.map((product) => {
                return ((0, jsx_runtime_1.jsxs)(styles_1.ProductItem, { component: "a", href: product.url, children: [(0, jsx_runtime_1.jsx)(styles_1.Logo, { src: product.logoUrl, color: product.color }), (0, jsx_runtime_1.jsx)(styles_1.ProductName, { variant: "subtitle1", color: "grey", colorIntensity: "900", children: product.name })] }, product.id));
            }) }) }));
};
exports.Content = Content;
