import { Box, Toolbar } from "@mui/material";
import React from "react";
import UpperBody from "./body-components/UpperBody";
import LowerBody from "./body-components/LowerBody";
import UserLite from "../../../api-bodies/UserLite";

interface Props {
  contactSelected: UserLite;
}

const Body: React.FC<Props> = (props) => {
  return (
    <Box
      sx={{
        display: "flex",
        flexDirection: "column",
        width: "100%",
        height: "100%",
        mt: 2,
      }}
    >
      <Toolbar />
      <UpperBody contactInfo={props.contactSelected} />
      <LowerBody contactInfo={props.contactSelected} />
    </Box>
  );
};

export default Body;