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

export const Content = styled('div')`
  && {
    background-color: #ffffff;
    flex: 1;
    display: flex;
    position: relative;
    flex-direction: 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;
        }
      `}
`;