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

export const H1 = styled.default.h1`
  font-family: ${Theme.typography.primaryFont};
  font-size: ${Theme.typography.fontSizeXxl};
  font-weight: lighter;
  ${Theme.screenSizes.mediaPhone}{
    font-size: ${Theme.typography.fontSizeXl};
  }
`;

export const P = styled.default.p`
  font-family: ${Theme.typography.primaryFont};
  font-size: ${Theme.typography.primaryFontSize};
  font-weight: normal;
`;

export const Heading = styled.default.h2`
  color: ${Theme.colors.white};
  font-size: ${Theme.typography.fontSizeXl};
  font-weight: bold;
`;

export const WhiteText = styled.default(P)`
  color: ${Theme.colors.white};
`;
