import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { ErrorFillSm } from '../../../icons/ErrorFillSm';
import { ContentState } from '../../ContentState';
import { MenuGroup } from '../../MenuGroup';
import { Typography } from '../../Typography';
import { Logo, ProductItem, ProductName, TitleErrorContainer } from './styles';
export const Content = ({ isLoading, isError, products = [], }) => {
    return (_jsx(ContentState, { isLoading: isLoading, isCustom: isError, customState: {
            imgAlt: 'Что-то пошло не так',
            title: (_jsxs(TitleErrorContainer, { container: true, component: "span", children: [_jsx(ErrorFillSm, { color: "inherit" }), _jsx(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: _jsx(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 (_jsxs(ProductItem, { component: "a", href: product.url, children: [_jsx(Logo, { src: product.logoUrl, color: product.color }), _jsx(ProductName, { variant: "subtitle1", color: "grey", colorIntensity: "900", children: product.name })] }, product.id));
            }) }) }));
};
