import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { Button } from '../../Button';
import { Typography } from '../../Typography';
import { ERROR_MESSAGE } from './constants';
import { Wrapper } from './styles';
export const ErrorMessage = ({ onRetry }) => (_jsxs(Wrapper, { children: [_jsx(Typography, { align: "center", children: ERROR_MESSAGE }), _jsx(Button, { onClick: onRetry, children: "\u041F\u043E\u043F\u0440\u043E\u0431\u043E\u0432\u0430\u0442\u044C \u0441\u043D\u043E\u0432\u0430" })] }));
