import styled from 'styled-components';
import Box from '../Box';

import { withTheme, MediaQueries } from '../styles';

const GalleryContainer = styled(Box)`
  div[class^='sc-'],
  div[class*=' sc-'] {
    border: none;
    height: 210px;
    line-height: 210px;
    z-index: auto;
    @media ${(props) => MediaQueries.lessThan(props.theme.breakpoints[0])} {
      height: 150px;
      line-height: 150px;
    }
  }
`;
export default withTheme(GalleryContainer);