import React, { useContext } from "react";
import { LangDict } from "../langDict";
import { ContextLang } from "../ContextLang";

export const MainPartFooter:React.FC = React.memo(() => {
    const {lang} = useContext(ContextLang);
    return <div className="main-part-footer-container">
        <span className="main-part-footer-text-container">
            <div className="main-part-footer-text">
                <span className="main-part-footer-text-one">
                    {LangDict.footNoteTextFirst[lang]}
                </span>
                <span className="main-part-footer-text-two">
                    {LangDict.footNoteTextSecond[lang]}
                </span>            
            </div>
        </span>
        <span className="main-part-footer-number">
            {LangDict.footNoteNumber[lang]}
        </span>
    </div>
})