export declare const breakpoints: {
  readonly phone: 0;
  readonly phoneLandscape: 560;
  readonly tablet: 768;
  readonly tabletLandscape: 1024;
  readonly desktop: 1280;
  readonly desktopLarge: 1440;
  readonly extraWide: 1600;
};
export declare const media: {
  readonly phone: '(max-width: 767px)';
  readonly phonePortrait: '(max-width: 559px)';
  readonly phoneLandscape: '(min-width: 560px) and (max-width: 767px)';
  readonly tablet: '(min-width: 768px) and (max-width: 1279px)';
  readonly tabletPortrait: '(min-width: 768px) and (max-width: 1023px)';
  readonly tabletLandscape: '(min-width: 1024px) and (max-width: 1279px)';
  readonly desktop: '(min-width: 1280px)';
  readonly desktopSmall: '(min-width: 1280px) and (max-width: 1439px)';
  readonly desktopLarge: '(min-width: 1440px) and (max-width: 1599px)';
  readonly extraWide: '(min-width: 1600px)';
};
export type DeviceBreakpoint =
  | 'phone'
  | 'phonePortrait'
  | 'phoneLandscape'
  | 'tablet'
  | 'tabletPortrait'
  | 'tabletLandscape'
  | 'desktop'
  | 'desktopSmall'
  | 'desktopLarge'
  | 'extraWide';
//# sourceMappingURL=media.d.ts.map