interface MediaQueryProps {
  [key: string]: string
}

const CustomMediaQuery = (width: number): string =>
`@media (min-width: ${width}px)`

export const MediaQuery:MediaQueryProps = {
  smallest: CustomMediaQuery(320),
  xxsmall: CustomMediaQuery(360),
  xsmall: CustomMediaQuery(480),
  small: CustomMediaQuery(640),
  medium: CustomMediaQuery(720),
  large: CustomMediaQuery(1024),
  xlarge: CustomMediaQuery(1280),
  xxlarge: CustomMediaQuery(1366),
  largest: CustomMediaQuery(1920)
}