import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import css from './AppointmentForm.module.scss';
import { _cx } from 'src/utility/class';
var cx = _cx(css);
export default function SubmitNoti(_a) {
    var t = _a.t;
    return (_jsxs("div", { className: cx('noti-container'), children: [t.appointment_submit_eyebrow && (_jsx("h2", { className: cx('eyebrow'), children: t.appointment_submit_eyebrow })), _jsx("h3", { className: cx('headline'), children: t.appointment_submit_noti_main }), _jsx("p", { dangerouslySetInnerHTML: {
                    __html: t.appointment_submit_noti_sub.replace('®', '<sup style="top: -0.5em">®</sup>'),
                } })] }));
}
