import styled from '@emotion/styled';
import hexToRgba from 'hex-rgba';
import { css } from '@emotion/core';
import { Box } from '@rebass/emotion';

import theme from 'utils/theme';

export const Divider = styled(Box)`
  width: 1px;
  height: 30px;
  margin-right: ${theme.space[2]}px;
  background: ${hexToRgba(theme.colors.white, 50)};
`;