/* eslint-disable react/jsx-one-expression-per-line */
import React, { useContext } from 'react';
import { Content } from './styles';
import Canvas from '../Canvas';
import { ModalContext } from '../Context';
import { useTranslation } from 'react-i18next';
const SocialModal = () => {
    const { closeModal } = useContext(ModalContext);
    const { t } = useTranslation();
    return (React.createElement(Canvas, { color: "rgba(0, 0, 0, 0.3)" },
        React.createElement(Content, null,
            React.createElement("div", { className: "balloon" },
                React.createElement("div", { className: "info" },
                    React.createElement("h2", null, t('fallback.social.title')),
                    React.createElement("p", null, t('fallback.social.text')),
                    React.createElement("img", { src: "https://sdk.r2u.io/assets/instruction-open-safari.png", alt: "" })),
                React.createElement("button", { type: "button", onClick: closeModal }, t('fallback.social.button'))))));
};
export default SocialModal;
//# sourceMappingURL=index.js.map