import React from "react";
import styled from "styled-components";
import TitleBox from "./TitleBox";
import MenuIcons from "./MenuIcons";

const MenuBar = styled.div`
  width: 15%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  box-shadow: 1px 1px 10px #8395a7;
  background-color: #667aff;
`;

export default () => {
  return (
    <MenuBar>
      <TitleBox />
      <MenuIcons />
    </MenuBar>
  );
};