import { css , ThemedCssFunction } from 'styled-components' ; const sizes = { desktop : 992 , tablet : 768 , phone : 576 , } ; const media = Object . keys ( sizes ) . reduce ( ( acc , label ) => { acc [ label ] = ( literals , ... args ) => css `
    @media (max-width: ${ sizes [ label ] }px) {
      ${ css ( literals , ... args ) };
    }
  ` ; return acc ; } , { } as { [ key in keyof typeof sizes ] : ThemedCssFunction < any > ; } ) ; export default media ;