/**
 * Copyright 2024 Phenix Real Time Solutions, Inc. Confidential and Proprietary. All Rights Reserved.
 */
import * as styled from 'styled-components';
import Theme from 'theme';

const {headerAllowance, dangerColor, typography} = Theme;

export const Error = styled.default.div`
  height: ${window.innerHeight - headerAllowance}px;
  width: 100%;
  display: grid;
  align-content: center;
  justify-content: center;
  text-align: center;
  color: ${dangerColor};
  font-size: ${typography.fontSizeL};
`;

export const ErrorSubMessage = styled.default.div`
  font-size: ${typography.fontSizeS};
  color: ${dangerColor};
`;
