/*eslint-disable */
import Header from "../Components/Header";
import Pay from "../Components/Pay";
import Transactions from "../Components/Transactions";
import Recived from "../Components/recived";
import { Appcontext } from "../App";
import { useContext } from "react";
export default function MainApp() {
  const props = useContext(Appcontext);
  return (
    <div className={"bg-five w-full h-full"}>
      <Header keys={props.keys} setkeys={props.setKeys} />
      <div className="flex flex-row w-full h-5/6 justify-center">
        <Transactions keys={props.keys} />
        <Pay keys={props.keys} />
        <Recived keys={props.keys} />
      </div>
    </div>
  );
}