@scrnhq/eurovision-elements/library/media.js

'use strict';

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.mediaQuery = undefined;

var _templateObject = _taggedTemplateLiteral(['\n    @media (min-width: ', ') {\n      ', '\n    }\n  '], ['\n    @media (min-width: ', ') {\n      ', '\n    }\n  ']);

var _get = require('lodash/get');

var _get2 = _interopRequireDefault(_get);

var _styledComponents = require('styled-components');

var _config = require('./config');

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); } /* eslint no-param-reassign: 0 */


var mediaQuery = exports.mediaQuery = function mediaQuery(point) {
  return function (props) {
    return '@media screen and (min-width: ' + (0, _get2.default)(props.theme, 'breakpoints.' + point) + ')';
  };
};

exports.default = Object.keys(_config.breakpoints).reduce(function (accumulator, label) {
  accumulator[label] = function () {
    return (0, _styledComponents.css)(_templateObject, _config.breakpoints[label], _styledComponents.css.apply(undefined, arguments));
  };
  return accumulator;
}, {});