import React from "react";
import { Layout, LeftLayout, RightLayout } from "./index.styled";
import useTranslation from "../../hooks/useTranslation.jsx";
import wordStore from "../../mc/wordStore.json";
const MainLayout = (props) => {
  const { findText } = useTranslation(wordStore);
  return (
    <Layout>
      <LeftLayout>
        <img src={props.img} alt={findText("authentication image")} />
      </LeftLayout>
      <RightLayout>{props.children}</RightLayout>
    </Layout>
  );
};
export default MainLayout;
