/* global breakpoints */
export const breakpoint320 = '320px';
export const breakpoint640 = '640px';
export const breakpoint1024 = '1024px';
export const breakpoint1366 = '1366px';
export const breakpoint1920 = '1920px';

/* alias breakpoints */
export const breakpointMobile = breakpoint320;
export const breakpointTablet = breakpoint640;
export const breakpointDesktop = breakpoint1024;
export const breakpointDesktopLg = breakpoint1366;
export const breakpointDesktopHd = breakpoint1920;

export interface breakpointTokens {
  /* global breakpoint tokens */
  breakpoint320: string;
  breakpoint640: string;
  breakpoint1024: string;
  breakpoint1366: string;
  breakpoint1920: string;

  /* alias breakpoint tokens */
  breakpointMobile: string;
  breakpointTablet: string;
  breakpointDesktop: string;
  breakpointDesktopLg: string;
  breakpointDesktopHd: string;
}