export const breakpoints = {
  // 640 / 16
  sm: 'screen and (max-width: 39.99rem)',
  // 768 / 16
  md: 'screen and (max-width: 47.99rem)',
  // 1024 / 16
  lg: 'screen and (max-width: 63.99rem)',
  // 1280 / 16
  xl: 'screen and (max-width: 79.99rem)',
  // 1536 / 16
  '2xl': 'screen and (max-width: 95.99rem)',
} as const;

export type Breakpoint = keyof typeof breakpoints;