import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { useAppSelector } from 'src/app/redux/store';
import css from './NotFound.module.scss';
import { _cx } from 'src/utility/class';
var cx = _cx(css);
export default function NotFound(_a) {
    var color = _a.color;
    var _b = useAppSelector(function (state) { return state.config.config; }), language = _b.language, languageData = _b.languageData;
    var t = languageData[language];
    return (_jsxs("div", { className: cx('styled-section'), children: [_jsx("h1", { className: cx('nf-eyebrow'), children: t.not_found }), _jsx("h2", { className: cx('main'), children: t.not_found_cant_find }), _jsx("h3", { className: cx('sub'), dangerouslySetInnerHTML: {
                    __html: t
                        .not_found_return_to.replace('$prevLink', "<a href=''>".concat(t.prev_page, "</a>"))
                        .replace('$homeLink', "<a href='/'>".concat(t.home_page, "</a>")),
                } })] }));
}
