import { styled } from '../../../styled';
import { Typography } from '../../../Typography';
export const StyledTypography = styled(Typography) `
  min-height: 22px;
  margin-bottom: ${({ theme }) => theme.microSpacing(1)};
  margin-left: 9px;
  padding-left: 13px;

  text-align: start;

  border-left: 2px solid ${({ theme }) => theme.palette.components.border.default};

  ${({ theme }) => theme.breakpoints.down('sm')} {
    margin-bottom: 0;
    margin-left: 11px;
    padding-left: 15px;
  }
`;
