text: import { map, isEmpty } from 'lodash'
  
  // eslint-disable-next-line import/prefer-default-export
  export default function buildMediaQueriesTags(
    breakpoint,
    mediaQueries = {},
    forceOWADesktop = false,
  ) {
    if (isEmpty(mediaQueries)) {
      return ''
    }
  
    const baseMediaQueries = map(
      mediaQueries,
      (mediaQuery, className) => `.${className} ${mediaQuery}`,
    )
    const owaQueries = map(baseMediaQueries, (mq) => `[owa] ${mq}`)
  
    return `
      <style type="text/css">
        @media only screen and (min-width:${breakpoint}) {
          ${baseMediaQueries.join('\n')}
        }
      </style>
      ${
        forceOWADesktop
          ? `<style type="text/css">\n${owaQueries.join('\n')}\n</style>`
          : ``
      }
    `
  }
  