import styled, { css } from 'react-emotion';

export const Content = styled('div')({
  '&&': {
    backgroundColor: '#ffffff',
    flex: 1,
    display: 'flex',
    position: 'relative',
    flexDirection: 'column',
  },
});

export const Container = styled('div')`
  && {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    overflow: hidden;
    ${props =>
      // @ts-ignore
      props.isLoading &&
      css`
        ${Content} {
          background-color: #f5f6f8;
        }
      `}
`;