/**
 * Copyright 2024 Phenix Real Time Solutions, Inc. Confidential and Proprietary. All Rights Reserved.
 */

import {IScreenSystem} from '../interfaces/IScreenSystem';

export class ScreenSystem implements IScreenSystem {
  readonly large = 1170;
  readonly desktop = 992;
  readonly tablet = 768;
  readonly phone = 660;
  readonly smallPhone = 360;

  readonly mediaPhone = `@media only screen
    and (max-device-width: 737px)
    and (-webkit-min-device-pixel-ratio: 2)
  `;

  readonly mediaLargeScreen = `@media only screen
    and (min-width: 1920px)
  `;
}
