import styled from 'styled-components';

export const RouteMainStyled = styled.div`
  position: absolute;
  z-index: ${(props: { show: boolean }) => (props.show ? 2 : 1)};
  top: 64px;
  left: 0;
  display: block;
  width: 100%;
  height: calc(100vh - 64px);
  overflow-y: auto;
`;

export const RouteStyled = styled.div`
  display: ${(props: { disable: boolean }) => (props.disable ? 'none' : 'block')};
  width: 100%;
  height: ${(props: { disable: boolean }) => (props.disable ? '' : '100%')};
  overflow-y: auto;
`;

export const TestStyled = styled.div`
  display: none;
`;