text: import React from 'react';
  import { Flex, Icon, Spacing, Text } from 'scado';
  import { HeaderWrapper } from './styled';
  import MenuLink from './components/MenuLink';
  
  const SideMenu = () => (
      <div>
          <HeaderWrapper>
              <Flex justifyContent="center" alignItems="center">
                  <Spacing scale="s" right>
                      <Icon scale="xl" color="secondary">dashboard</Icon>
                  </Spacing>
                  <Text.Span scale="l" color="lightGray">Depot Selection</Text.Span>
              </Flex>
          </HeaderWrapper>
          <Spacing scale="xxl" top>
              <div>
                  <MenuLink icon="home" to="/home">HOME</MenuLink>
                  <MenuLink icon="pie_chart" to="/depots/list">DEPOTS</MenuLink>
                  <MenuLink icon="add_circle_outline" to="/depots/new">NEUES DEPOT</MenuLink>
                  <MenuLink icon="show_chart" to="/stocks/list">AKTIEN</MenuLink>
                  <MenuLink icon="add_circle_outline" to="/stocks/new">NEUE AKTIE</MenuLink>
              </div>
          </Spacing>
      </div>
  );
  
  export default SideMenu;
  