import React from "react";
import styled from "styled-components";
import ChatHeader from "./ChatHeader";
import ChatScreen from "./ChatScreen";
import ChatFooter from "./ChatFooter";

const MainScreen = styled.div`
  display: flex;
  flex-direction: column;
  width: 55%;
`;

export default () => {
  return (
    <MainScreen>
      <ChatHeader />
      <ChatScreen />
      <ChatFooter />
    </MainScreen>
  );
};