import styled from '@emotion/styled';
import { themeGet } from '@styled-system/theme-get';
import { SIDEBAR_WIDTH } from '../../styles/constants';

const SidebarBase = styled('aside')`
  display: flex;
  flex-direction: column;
  width: ${SIDEBAR_WIDTH}px;
  height: 100%;
  background-color: ${themeGet('sidebarStyles.background')};
`;

export default SidebarBase;