import React from "react";
import styled from "styled-components";
import Menu from "../Menu/MenuContainer";
import FriendsList from "../../Components/FriendsList/FriendsList";
import ChatScreen from "../../Components/ChatMain/MainScreen";
import { Helmet } from "react-helmet";

const Wrapper = styled.div`
  width: 100%;
  display: flex;
  flex-direction: row;
  overflow: hidden;
`;

export default () => {
  return (
    <Wrapper>
      <Helmet>
        <title>1:1 Chat</title>
      </Helmet>
      <Menu />
      <FriendsList />
      <ChatScreen />
    </Wrapper>
  );
};