import { Skeleton } from '../../../Skeleton';
import { styled } from '../../../styled';
import { Typography } from '../../../Typography';
export const StyledTypography = styled(Typography) `
  grid-column: 2 / -1;
  grid-row: 3;

  padding-top: ${({ theme }) => theme.spacing(1)};

  ${({ theme }) => theme.breakpoints.down('sm')} {
    display: none;
  }
`;
export const StyledSkeleton = styled(Skeleton) `
  grid-column: 2 / -1;
  grid-row: 3;

  margin: ${({ theme }) => theme.spacing(1, 0)};

  ${({ theme }) => theme.breakpoints.down('sm')} {
    display: none;
  }
`;
