import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { formatPhoneToView } from '@astral/utils/phone/formatPhoneToView';
import Link from '@mui/material/Link';
import { useContext } from 'react';
import { Button } from '../../Button';
import { ConfigContext } from '../../ConfigProvider';
import { Typography } from '../../Typography';
import { Placeholder } from '../Placeholder';
export const InternalErrorPlaceholder = () => {
    const { imagesMap, techSup } = useContext(ConfigContext);
    const handleClickRefresh = () => {
        location.reload();
    };
    return (_jsx(Placeholder, { title: "\u041F\u0440\u043E\u0438\u0437\u043E\u0448\u043B\u0430 \u043D\u0435\u043F\u0440\u0435\u0434\u0432\u0438\u0434\u0435\u043D\u043D\u0430\u044F \u043E\u0448\u0438\u0431\u043A\u0430", description: _jsxs("div", { children: [_jsx(Typography, { children: "\u041F\u043E\u0436\u0430\u043B\u0443\u0439\u0441\u0442\u0430, \u043F\u043E\u043F\u0440\u043E\u0431\u0443\u0439\u0442\u0435 \u043E\u0431\u043D\u043E\u0432\u0438\u0442\u044C \u0441\u0442\u0440\u0430\u043D\u0438\u0446\u0443 \u0438\u043B\u0438 \u043E\u0431\u0440\u0430\u0442\u0438\u0442\u0435\u0441\u044C \u0432 \u0442\u0435\u0445\u043D\u0438\u0447\u0435\u0441\u043A\u0443\u044E \u043F\u043E\u0434\u0434\u0435\u0440\u0436\u043A\u0443:" }), _jsxs(Typography, { children: ["email\u00A0", _jsx(Link, { href: `mailto:${techSup.email}`, children: techSup.email }), ", \u0442\u0435\u043B\u0435\u0444\u043E\u043D\u00A0", _jsx(Link, { href: `tel:${techSup.phone}`, children: formatPhoneToView(techSup.phone) })] })] }), imgAlt: "\u041D\u0435\u043F\u0440\u0435\u0434\u0432\u0438\u0434\u0435\u043D\u043D\u0430\u044F \u043E\u0448\u0438\u0431\u043A\u0430", imgSrc: imagesMap.defaultErrorImgSrc, size: "medium", Actions: _jsx(Button, { onClick: handleClickRefresh, children: "\u041E\u0431\u043D\u043E\u0432\u0438\u0442\u044C \u0441\u0442\u0440\u0430\u043D\u0438\u0446\u0443" }) }));
};
