import styled from '@emotion/styled';
import { Flex } from '@rebass/emotion';
import { breakpoints } from 'utils/theme';

export const Container = styled(Flex)`
  flex-direction: column;

  @media (min-width: ${breakpoints.medium}) {
    flex-direction: row;
  }
`;