@scrnhq/eurovision-elements/dist/index.es.js

function __$styleInject(css, returnValue) {
  if (typeof document === 'undefined') {
    return returnValue;
  }
  css = css || '';
  var head = document.head || document.getElementsByTagName('head')[0];
  var style = document.createElement('style');
  style.type = 'text/css';
  head.appendChild(style);
  
  if (style.styleSheet){
    style.styleSheet.cssText = css;
  } else {
    style.appendChild(document.createTextNode(css));
  }
  return returnValue;
}

import React, { Children, Component, cloneElement } from 'react';
import PropTypes from 'prop-types';
import styled, { css, keyframes } from 'styled-components/no-parser';

var asyncGenerator = function () {
  function AwaitValue(value) {
    this.value = value;
  }

  function AsyncGenerator(gen) {
    var front, back;

    function send(key, arg) {
      return new Promise(function (resolve, reject) {
        var request = {
          key: key,
          arg: arg,
          resolve: resolve,
          reject: reject,
          next: null
        };

        if (back) {
          back = back.next = request;
        } else {
          front = back = request;
          resume(key, arg);
        }
      });
    }

    function resume(key, arg) {
      try {
        var result = gen[key](arg);
        var value = result.value;

        if (value instanceof AwaitValue) {
          Promise.resolve(value.value).then(function (arg) {
            resume("next", arg);
          }, function (arg) {
            resume("throw", arg);
          });
        } else {
          settle(result.done ? "return" : "normal", result.value);
        }
      } catch (err) {
        settle("throw", err);
      }
    }

    function settle(type, value) {
      switch (type) {
        case "return":
          front.resolve({
            value: value,
            done: true
          });
          break;

        case "throw":
          front.reject(value);
          break;

        default:
          front.resolve({
            value: value,
            done: false
          });
          break;
      }

      front = front.next;

      if (front) {
        resume(front.key, front.arg);
      } else {
        back = null;
      }
    }

    this._invoke = send;

    if (typeof gen.return !== "function") {
      this.return = undefined;
    }
  }

  if (typeof Symbol === "function" && Symbol.asyncIterator) {
    AsyncGenerator.prototype[Symbol.asyncIterator] = function () {
      return this;
    };
  }

  AsyncGenerator.prototype.next = function (arg) {
    return this._invoke("next", arg);
  };

  AsyncGenerator.prototype.throw = function (arg) {
    return this._invoke("throw", arg);
  };

  AsyncGenerator.prototype.return = function (arg) {
    return this._invoke("return", arg);
  };

  return {
    wrap: function (fn) {
      return function () {
        return new AsyncGenerator(fn.apply(this, arguments));
      };
    },
    await: function (value) {
      return new AwaitValue(value);
    }
  };
}();





var classCallCheck = function (instance, Constructor) {
  if (!(instance instanceof Constructor)) {
    throw new TypeError("Cannot call a class as a function");
  }
};

var createClass = function () {
  function defineProperties(target, props) {
    for (var i = 0; i < props.length; i++) {
      var descriptor = props[i];
      descriptor.enumerable = descriptor.enumerable || false;
      descriptor.configurable = true;
      if ("value" in descriptor) descriptor.writable = true;
      Object.defineProperty(target, descriptor.key, descriptor);
    }
  }

  return function (Constructor, protoProps, staticProps) {
    if (protoProps) defineProperties(Constructor.prototype, protoProps);
    if (staticProps) defineProperties(Constructor, staticProps);
    return Constructor;
  };
}();





var defineProperty = function (obj, key, value) {
  if (key in obj) {
    Object.defineProperty(obj, key, {
      value: value,
      enumerable: true,
      configurable: true,
      writable: true
    });
  } else {
    obj[key] = value;
  }

  return obj;
};

var _extends = Object.assign || function (target) {
  for (var i = 1; i < arguments.length; i++) {
    var source = arguments[i];

    for (var key in source) {
      if (Object.prototype.hasOwnProperty.call(source, key)) {
        target[key] = source[key];
      }
    }
  }

  return target;
};



var inherits = function (subClass, superClass) {
  if (typeof superClass !== "function" && superClass !== null) {
    throw new TypeError("Super expression must either be null or a function, not " + typeof superClass);
  }

  subClass.prototype = Object.create(superClass && superClass.prototype, {
    constructor: {
      value: subClass,
      enumerable: false,
      writable: true,
      configurable: true
    }
  });
  if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass;
};









var objectWithoutProperties = function (obj, keys) {
  var target = {};

  for (var i in obj) {
    if (keys.indexOf(i) >= 0) continue;
    if (!Object.prototype.hasOwnProperty.call(obj, i)) continue;
    target[i] = obj[i];
  }

  return target;
};

var possibleConstructorReturn = function (self, call) {
  if (!self) {
    throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
  }

  return call && (typeof call === "object" || typeof call === "function") ? call : self;
};









var taggedTemplateLiteral = function (strings, raw) {
  return Object.freeze(Object.defineProperties(strings, {
    raw: {
      value: Object.freeze(raw)
    }
  }));
};

var IconBase = function IconBase(_ref) {
  var children = _ref.children,
      props = objectWithoutProperties(_ref, ['children']);
  return React.createElement(
    'svg',
    _extends({ style: { fill: 'currentColor', borderRadius: '3px' } }, props),
    children
  );
};

IconBase.propTypes = {
  children: PropTypes.node.isRequired
};

/* eslint max-len: 0 */
var Flag = function Flag(props) {
  return React.createElement(
    IconBase,
    _extends({ viewBox: '0 0 56 40' }, props),
    React.createElement('rect', { fill: '#FF0000', x: '0', y: '0', width: '56', height: '40' }),
    React.createElement('polygon', {
      fill: '#3E3E3E',
      points: '28 34 24 28 27 24 22 28 18 29 16 20 16 9 18 9 26 14 21 9 24 8 26 8 28 12 30 8 32 8 35 9 30 14 38 9 40 9 40 20 38 29 34 28 29 24 32 28'
    })
  );
};

Flag.displayName = 'FlagAL';

/* eslint max-len: 0 */
var Flag$2 = function Flag(props) {
  return React.createElement(
    IconBase,
    _extends({ viewBox: '0 0 56 40' }, props),
    React.createElement('rect', {
      id: 'Rectangle-path',
      fill: '#FFD200',
      x: '0',
      y: '0',
      width: '56',
      height: '40'
    }),
    React.createElement('rect', {
      id: 'Rectangle-path',
      fill: '#FF0000',
      x: '38',
      y: '0',
      width: '18',
      height: '40'
    }),
    React.createElement('rect', {
      id: 'Rectangle-path',
      fill: '#3B6AC3',
      x: '0',
      y: '0',
      width: '18',
      height: '40'
    }),
    React.createElement('path', {
      d: 'M28,29 C24.1,29 21,25.9 21,22 L21,13 C21,13 24.4,12 27.9,12 C31.4,12 35,13 35,13 L35,22 C35,25.9 31.9,29 28,29 Z',
      id: 'Shape',
      fill: '#FF9C00'
    })
  );
};

Flag$2.displayName = 'FlagAD';

/* eslint max-len: 0 */
var Flag$4 = function Flag(props) {
  return React.createElement(
    IconBase,
    _extends({ viewBox: '0 0 56 40' }, props),
    React.createElement('rect', { id: 'Rectangle-path', fill: '#001468', x: '0', y: '0', width: '56', height: '40' }),
    React.createElement('rect', { id: 'Rectangle-path', fill: '#FF9C00', x: '0', y: '27', width: '56', height: '13' }),
    React.createElement('rect', { id: 'Rectangle-path', fill: '#FF0000', x: '0', y: '0', width: '56', height: '13' })
  );
};

Flag$4.displayName = 'FlagAM';

/* eslint max-len: 0 */
var Flag$6 = function Flag(props) {
  return React.createElement(
    IconBase,
    _extends({ viewBox: '0 0 56 40' }, props),
    React.createElement('rect', {
      id: 'Rectangle-path',
      fill: '#001468',
      x: '0',
      y: '0',
      width: '56',
      height: '40'
    }),
    React.createElement('polygon', {
      id: 'Shape',
      fill: '#FFFFFF',
      points: '28 20 25 20 17 13.6 17 20 11 20 11 13.6 3 20 0 20 0 17 5.2 13 0 13 0 7 5.2 7 0 3 0 0 3 0 11 6.4 11 0 17 0 17 6.4 25 0 28 0 28 3 22.8 7 28 7 28 13 22.8 13 28 17'
    }),
    React.createElement('polygon', {
      id: 'Shape',
      fill: '#FF0000',
      points: '28 20 27 20 17 12 16 12 16 20 12 20 12 12 11 12 1 20 0 20 0 19 8.5 12 0 12 0 8 8.5 8 0 1 0 0 1 0 11 8 12 8 12 0 16 0 16 8 17 8 27 0 28 0 28 1 19.5 8 28 8 28 12 19.5 12 28 19'
    }),
    React.createElement('path', {
      d: 'M49,20 C47.9,20 47,19.1 47,18 C47,16.9 47.9,16 49,16 C50.1,16 51,16.9 51,18 C51,19.1 50.1,20 49,20 Z M43,13 C41.9,13 41,12.1 41,11 C41,9.9 41.9,9 43,9 C44.1,9 45,9.9 45,11 C45,12.1 44.1,13 43,13 Z M43,31 C43,32.1 42.1,33 41,33 C39.9,33 39,32.1 39,31 C39,29.9 39.9,29 41,29 C42.1,29 43,29.9 43,31 Z M36,20 C34.9,20 34,19.1 34,18 C34,16.9 34.9,16 36,16 C37.1,16 38,16.9 38,18 C38,19.1 37.1,20 36,20 Z M14,33 C12.3,33 11,31.7 11,30 C11,28.3 12.3,27 14,27 C15.7,27 17,28.3 17,30 C17,31.7 15.7,33 14,33 Z',
      id: 'Shape',
      fill: '#FFFFFF'
    })
  );
};

Flag$6.displayName = 'FlagAU';

/* eslint max-len: 0 */
var Flag$8 = function Flag(props) {
  return React.createElement(
    IconBase,
    _extends({ viewBox: '0 0 56 40' }, props),
    React.createElement('rect', { id: 'Rectangle-path', fill: '#FFFFFF', x: '0', y: '0', width: '56', height: '40' }),
    React.createElement('rect', { id: 'Rectangle-path', fill: '#FF0000', x: '0', y: '27', width: '56', height: '13' }),
    React.createElement('rect', { id: 'Rectangle-path', fill: '#FF0000', x: '0', y: '0', width: '56', height: '13' })
  );
};

Flag$8.displayName = 'FlagAT';

/* eslint max-len: 0 */
var Flag$10 = function Flag(props) {
  return React.createElement(
    IconBase,
    _extends({ viewBox: '0 0 56 40' }, props),
    React.createElement('rect', { id: 'Rectangle-path', fill: '#FF0000', x: '0', y: '0', width: '56', height: '40' }),
    React.createElement('rect', { id: 'Rectangle-path', fill: '#39953E', x: '0', y: '27', width: '56', height: '13' }),
    React.createElement('rect', { id: 'Rectangle-path', fill: '#3B6AC3', x: '0', y: '0', width: '56', height: '13' }),
    React.createElement('circle', { id: 'Oval', fill: '#FFFFFF', cx: '28', cy: '20', r: '5' })
  );
};

Flag$10.displayName = 'FlagAZ';

/* eslint max-len: 0 */
var Flag$12 = function Flag(props) {
  return React.createElement(
    IconBase,
    _extends({ viewBox: '0 0 56 40' }, props),
    React.createElement('rect', {
      id: 'Rectangle-path',
      fill: '#FF0000',
      x: '0',
      y: '0',
      width: '56',
      height: '27'
    }),
    React.createElement('rect', {
      id: 'Rectangle-path',
      fill: '#39953E',
      x: '0',
      y: '27',
      width: '56',
      height: '13'
    }),
    React.createElement('rect', { id: 'Rectangle-2', fill: '#FFFFFF', x: '0', y: '0', width: '18', height: '40' }),
    React.createElement('path', {
      d: 'M9,22 C7.9,22 7,21.1 7,20 C7,18.9 7.9,18 9,18 C10.1,18 11,18.9 11,20 C11,21.1 10.1,22 9,22 Z',
      id: 'Path',
      fill: '#FF0000'
    }),
    React.createElement('path', {
      d: 'M9,15 C7.9,15 7,14.1 7,13 C7,11.9 7.9,11 9,11 C10.1,11 11,11.9 11,13 C11,14.1 10.1,15 9,15 Z',
      id: 'Path',
      fill: '#FF0000'
    }),
    React.createElement('path', {
      d: 'M9,8 C7.9,8 7,7.1 7,6 C7,4.9 7.9,4 9,4 C10.1,4 11,4.9 11,6 C11,7.1 10.1,8 9,8 Z',
      id: 'Path',
      fill: '#FF0000'
    }),
    React.createElement('path', {
      d: 'M9,29 C7.9,29 7,28.1 7,27 C7,25.9 7.9,25 9,25 C10.1,25 11,25.9 11,27 C11,28.1 10.1,29 9,29 Z',
      id: 'Path',
      fill: '#FF0000'
    }),
    React.createElement('path', {
      d: 'M9,36 C7.9,36 7,35.1 7,34 C7,32.9 7.9,32 9,32 C10.1,32 11,32.9 11,34 C11,35.1 10.1,36 9,36 Z',
      id: 'Path',
      fill: '#FF0000'
    })
  );
};

Flag$12.displayName = 'FlagBY';

/* eslint max-len: 0 */
var Flag$14 = function Flag(props) {
  return React.createElement(
    IconBase,
    _extends({ viewBox: '0 0 56 40' }, props),
    React.createElement('rect', { id: 'Rectangle-path', fill: '#FFD200', x: '0', y: '0', width: '56', height: '40' }),
    React.createElement('rect', { id: 'Rectangle-path', fill: '#3E3E3E', x: '0', y: '0', width: '18', height: '40' }),
    React.createElement('rect', { id: 'Rectangle-path', fill: '#FF0000', x: '38', y: '0', width: '18', height: '40' })
  );
};

Flag$14.displayName = 'FlagBE';

/* eslint max-len: 0 */
var Flag$16 = function Flag(props) {
  return React.createElement(
    IconBase,
    _extends({ viewBox: '0 0 42 30' }, props),
    React.createElement('rect', { id: 'Rectangle-5', fill: '#001468', x: '0', y: '0', width: '42', height: '30' }),
    React.createElement('polygon', {
      id: 'Rectangle-3',
      fill: '#FFD200',
      points: '9 0 33.145586 0 33.145586 30.1690928'
    }),
    React.createElement('path', {
      d: 'M10.4479006,8.4425711 C9.62290063,8.4425711 8.94790063,7.7675711 8.94790063,6.9425711 C8.94790063,6.1175711 9.62290063,5.4425711 10.4479006,5.4425711 C11.2729006,5.4425711 11.9479006,6.1175711 11.9479006,6.9425711 C11.9479006,7.7675711 11.2729006,8.4425711 10.4479006,8.4425711 Z',
      id: 'Path',
      fill: '#FFFFFF',
      transform: 'translate(10.447901, 6.942571) rotate(11.000000) translate(-10.447901, -6.942571) '
    }),
    React.createElement('path', {
      d: 'M7.14396858,4.3625548 C6.31896858,4.3625548 5.64396858,3.6875548 5.64396858,2.8625548 C5.64396858,2.0375548 6.31896858,1.3625548 7.14396858,1.3625548 C7.96896858,1.3625548 8.64396858,2.0375548 8.64396858,2.8625548 C8.64396858,3.6875548 7.96896858,4.3625548 7.14396858,4.3625548 Z',
      id: 'Path',
      fill: '#FFFFFF',
      transform: 'translate(7.143969, 2.862555) rotate(11.000000) translate(-7.143969, -2.862555) '
    }),
    React.createElement('path', {
      d: 'M13.7518327,12.5225874 C12.9268327,12.5225874 12.2518327,11.8475874 12.2518327,11.0225874 C12.2518327,10.1975874 12.9268327,9.52258739 13.7518327,9.52258739 C14.5768327,9.52258739 15.2518327,10.1975874 15.2518327,11.0225874 C15.2518327,11.8475874 14.5768327,12.5225874 13.7518327,12.5225874 Z',
      id: 'Path',
      fill: '#FFFFFF',
      transform: 'translate(13.751833, 11.022587) rotate(11.000000) translate(-13.751833, -11.022587) '
    }),
    React.createElement('path', {
      d: 'M17.0557647,16.6026037 C16.2307647,16.6026037 15.5557647,15.9276037 15.5557647,15.1026037 C15.5557647,14.2776037 16.2307647,13.6026037 17.0557647,13.6026037 C17.8807647,13.6026037 18.5557647,14.2776037 18.5557647,15.1026037 C18.5557647,15.9276037 17.8807647,16.6026037 17.0557647,16.6026037 Z',
      id: 'Path',
      fill: '#FFFFFF',
      transform: 'translate(17.055765, 15.102604) rotate(11.000000) translate(-17.055765, -15.102604) '
    }),
    React.createElement('path', {
      d: 'M23.8313454,24.969749 C23.0063454,24.969749 22.3313454,24.294749 22.3313454,23.469749 C22.3313454,22.644749 23.0063454,21.969749 23.8313454,21.969749 C24.6563454,21.969749 25.3313454,22.644749 25.3313454,23.469749 C25.3313454,24.294749 24.6563454,24.969749 23.8313454,24.969749 Z',
      id: 'Path',
      fill: '#FFFFFF',
      transform: 'translate(23.831345, 23.469749) rotate(11.000000) translate(-23.831345, -23.469749) '
    }),
    React.createElement('path', {
      d: 'M20.5274134,20.8897327 C19.7024134,20.8897327 19.0274134,20.2147327 19.0274134,19.3897327 C19.0274134,18.5647327 19.7024134,17.8897327 20.5274134,17.8897327 C21.3524134,17.8897327 22.0274134,18.5647327 22.0274134,19.3897327 C22.0274134,20.2147327 21.3524134,20.8897327 20.5274134,20.8897327 Z',
      id: 'Path',
      fill: '#FFFFFF',
      transform: 'translate(20.527413, 19.389733) rotate(11.000000) translate(-20.527413, -19.389733) '
    }),
    React.createElement('path', {
      d: 'M27.1352775,29.0497653 C26.3102775,29.0497653 25.6352775,28.3747653 25.6352775,27.5497653 C25.6352775,26.7247653 26.3102775,26.0497653 27.1352775,26.0497653 C27.9602775,26.0497653 28.6352775,26.7247653 28.6352775,27.5497653 C28.6352775,28.3747653 27.9602775,29.0497653 27.1352775,29.0497653 Z',
      id: 'Path',
      fill: '#FFFFFF',
      transform: 'translate(27.135277, 27.549765) rotate(11.000000) translate(-27.135277, -27.549765) '
    })
  );
};

Flag$16.displayName = 'FlagBA';

/* eslint max-len: 0 */
var Flag$18 = function Flag(props) {
  return React.createElement(
    IconBase,
    _extends({ viewBox: '0 0 56 40' }, props),
    React.createElement('rect', { id: 'Rectangle-path', fill: '#39953E', x: '0', y: '0', width: '56', height: '40' }),
    React.createElement('rect', { id: 'Rectangle-path', fill: '#FF0000', x: '0', y: '27', width: '56', height: '13' }),
    React.createElement('rect', { id: 'Rectangle-path', fill: '#FFFFFF', x: '0', y: '0', width: '56', height: '13' })
  );
};

Flag$18.displayName = 'FlagBG';

/* eslint max-len: 0 */
var Flag$20 = function Flag(props) {
  return React.createElement(
    IconBase,
    _extends({ viewBox: '0 0 42 30' }, props),
    React.createElement(
      'g',
      { fill: 'none', 'fill-rule': 'evenodd' },
      React.createElement('path', { fill: '#FFF', d: 'M0 10h42v10H0z' }),
      React.createElement('path', { fill: '#3B6AC3', d: 'M0 20h42v10H0z' }),
      React.createElement('path', { fill: '#F00', d: 'M0 0h42v10H0z' }),
      React.createElement('path', { fill: '#3B6AC3', d: 'M16 8l1.033-1L18 8v2h-2' }),
      React.createElement('path', { fill: '#001468', d: 'M18 8l1.033-1L20 8v2h-2' }),
      React.createElement('path', { fill: '#3B6AC3', d: 'M20 8l1.033-1L22 8v2h-2M24 8l1.033-1L26 8v2h-2' }),
      React.createElement('path', { fill: '#001468', d: 'M22 8l1.033-1L24 8v2h-2' }),
      React.createElement(
        'g',
        null,
        React.createElement('path', {
          fill: '#F00',
          d: 'M16 14h2v2h-2zM20 14h2v2h-2zM18 16h2v2h-2zM16 18h2v2h-2zM22 16h2v2h-2zM24 14h2v2h-2zM24 18h2v2h-2zM16 10h2v2h-2zM20 10h2v2h-2zM18 12h2v2h-2zM22 12h2v2h-2zM24 10h2v2h-2zM20 18h2v2h-2zM18 20h2v2h-2zM22 20h2v2h-2z'
        }),
        React.createElement('path', { fill: '#FFF', d: 'M20 20h2v2h-2z' })
      )
    )
  );
};

Flag$20.displayName = 'FlagHR';

/* eslint max-len: 0 */
var Flag$22 = function Flag(props) {
  return React.createElement(
    IconBase,
    _extends({ viewBox: '0 0 56 40' }, props),
    React.createElement('rect', {
      id: 'Rectangle-path',
      fill: '#FFFFFF',
      x: '0',
      y: '0',
      width: '56',
      height: '40'
    }),
    React.createElement('path', {
      d: 'M45.8845215,8.03907799 C44.5063377,8.5121154 26.7548828,12.2273104 26.7548828,12.2273104 C26.7548828,12.2273104 26.189707,16.1766157 25.1401367,16.6980295 C24.0905665,17.2194432 22.4070082,15.0424628 20.9785156,15.2395334 C19.5500231,15.4366039 20.3778617,17.1962147 19.3037109,17.5032053 C18.2295602,17.8101958 16,16.6623849 16,16.6623849 C16,16.6623849 16.5420983,21.3430664 18.7094727,22.9929513 C20.876847,24.6428363 21.879924,24.8669363 26.7548828,24.8493967 C31.6298416,24.831857 33.5143943,24.6452239 35.7575684,23.3877108 C38.0007425,22.1301977 37.1860352,19.0017404 37.1860352,19.0017404 C37.1860352,19.0017404 44.0227051,19.5325021 43.7431641,19.5325021 C43.7431641,19.5325021 39.0611678,19.0082147 40.7758789,15.2395334 C42.49059,11.470852 47.2627052,7.56604057 45.8845215,8.03907799 Z',
      id: 'Path-2',
      fill: '#FF9C00'
    }),
    React.createElement('path', {
      d: 'M29.5,30.5 C28.4,30.5 27.5,29.6 27.5,28.5 C27.5,27.4 28.4,26.5 29.5,26.5 C30.6,26.5 31.5,27.4 31.5,28.5 C31.5,29.6 30.6,30.5 29.5,30.5 Z M26.5,25.5 C25.4,25.5 24.5,24.6 24.5,23.5 C24.5,22.4 25.4,21.5 26.5,21.5 C27.6,21.5 28.5,22.4 28.5,23.5 C28.5,24.6 27.6,25.5 26.5,25.5 Z M26.5,37.5 C27.6,37.5 28.5,38.4 28.5,39.5 C28.5,40.6 27.6,41.5 26.5,41.5 C25.4,41.5 24.5,40.6 24.5,39.5 C24.5,38.4 25.4,37.5 26.5,37.5 Z M27.5,34.5 C27.5,33.4 28.4,32.5 29.5,32.5 C30.6,32.5 31.5,33.4 31.5,34.5 C31.5,35.6 30.6,36.5 29.5,36.5 C28.4,36.5 27.5,35.6 27.5,34.5 Z',
      id: 'Shape',
      fill: '#39953E',
      transform: 'translate(28.000000, 31.500000) rotate(90.000000) translate(-28.000000, -31.500000) '
    })
  );
};

Flag$22.displayName = 'FlagCY';

/* eslint max-len: 0 */
var Flag$24 = function Flag(props) {
  return React.createElement(
    IconBase,
    _extends({ viewBox: '0 0 56 40' }, props),
    React.createElement('rect', { id: 'Rectangle-path', fill: '#FFFFFF', x: '0', y: '0', width: '56', height: '40' }),
    React.createElement('rect', { id: 'Rectangle-path', fill: '#FF0000', x: '0', y: '20', width: '56', height: '20' }),
    React.createElement('polygon', { id: 'Shape', fill: '#001468', points: '0 0 24 20 0 40' })
  );
};

Flag$24.displayName = 'FlagCZ';

/* eslint max-len: 0 */
var Flag$26 = function Flag(props) {
  return React.createElement(
    IconBase,
    _extends({ viewBox: '0 0 56 40' }, props),
    React.createElement('rect', {
      id: 'Rectangle-path',
      fill: '#FF0000',
      x: '0',
      y: '0',
      width: '56',
      height: '40'
    }),
    React.createElement('polygon', {
      id: 'Shape',
      fill: '#FFFFFF',
      points: '56 24 24 24 24 40 16 40 16 24 0 24 0 16 16 16 16 0 24 0 24 16 56 16'
    })
  );
};

Flag$26.displayName = 'FlagDK';

/* eslint max-len: 0 */
var Flag$28 = function Flag(props) {
  return React.createElement(
    IconBase,
    _extends({ viewBox: '0 0 56 40' }, props),
    React.createElement('rect', { id: 'Rectangle-path', fill: '#3E3E3E', x: '0', y: '0', width: '56', height: '40' }),
    React.createElement('rect', { id: 'Rectangle-path', fill: '#FFFFFF', x: '0', y: '27', width: '56', height: '13' }),
    React.createElement('rect', { id: 'Rectangle-path', fill: '#3B6AC3', x: '0', y: '0', width: '56', height: '13' })
  );
};

Flag$28.displayName = 'FlagEE';

/* eslint max-len: 0 */
var Flag$30 = function Flag(props) {
  return React.createElement(
    IconBase,
    _extends({ viewBox: '0 0 56 40' }, props),
    React.createElement('rect', {
      id: 'Rectangle-path',
      fill: '#FFFFFF',
      x: '0',
      y: '0',
      width: '56',
      height: '40'
    }),
    React.createElement('polygon', {
      id: 'Shape',
      fill: '#3B6AC3',
      points: '56 24 24 24 24 40 16 40 16 24 0 24 0 16 16 16 16 0 24 0 24 16 56 16'
    })
  );
};

Flag$30.displayName = 'FlagFI';

/* eslint max-len: 0 */
var Flag$32 = function Flag(props) {
  return React.createElement(
    IconBase,
    _extends({ viewBox: '0 0 56 40' }, props),
    React.createElement('rect', { id: 'Rectangle-path', fill: '#FFFFFF', x: '0', y: '0', width: '56', height: '40' }),
    React.createElement('rect', { id: 'Rectangle-path', fill: '#3B6AC3', x: '0', y: '0', width: '18', height: '40' }),
    React.createElement('rect', { id: 'Rectangle-path', fill: '#FF0000', x: '38', y: '0', width: '18', height: '40' })
  );
};

Flag$32.displayName = 'FlagFR';

/* eslint max-len: 0 */
var Flag$34 = function Flag(props) {
  return React.createElement(
    IconBase,
    _extends({ viewBox: '0 0 56 40' }, props),
    React.createElement('rect', {
      id: 'Rectangle-path',
      fill: '#FFFFFF',
      x: '0',
      y: '0',
      width: '56',
      height: '40'
    }),
    React.createElement('polygon', {
      id: 'Shape',
      fill: '#FF0000',
      points: '56 24 32 24 32 40 24 40 24 24 0 24 0 16 24 16 24 0 32 0 32 16 56 16'
    }),
    React.createElement('polygon', {
      id: 'Shape',
      fill: '#FF0000',
      points: '16 9.66666667 12.6666667 9.66666667 12.6666667 13 9.33333333 13 9.33333333 9.66666667 6 9.66666667 6 6.33333333 9.33333333 6.33333333 9.33333333 3 12.6666667 3 12.6666667 6.33333333 16 6.33333333'
    }),
    React.createElement('polygon', {
      id: 'Shape',
      fill: '#FF0000',
      points: '16 33.6666667 12.6666667 33.6666667 12.6666667 37 9.33333333 37 9.33333333 33.6666667 6 33.6666667 6 30.3333333 9.33333333 30.3333333 9.33333333 27 12.6666667 27 12.6666667 30.3333333 16 30.3333333'
    }),
    React.createElement('polygon', {
      id: 'Shape',
      fill: '#FF0000',
      points: '50 33.6666667 46.6666667 33.6666667 46.6666667 37 43.3333333 37 43.3333333 33.6666667 40 33.6666667 40 30.3333333 43.3333333 30.3333333 43.3333333 27 46.6666667 27 46.6666667 30.3333333 50 30.3333333'
    }),
    React.createElement('polygon', {
      id: 'Shape',
      fill: '#FF0000',
      points: '50 9.66666667 46.6666667 9.66666667 46.6666667 13 43.3333333 13 43.3333333 9.66666667 40 9.66666667 40 6.33333333 43.3333333 6.33333333 43.3333333 3 46.6666667 3 46.6666667 6.33333333 50 6.33333333'
    })
  );
};

Flag$34.displayName = 'FlagGE';

/* eslint max-len: 0 */
var Flag$36 = function Flag(props) {
  return React.createElement(
    IconBase,
    _extends({ viewBox: '0 0 56 40' }, props),
    React.createElement('rect', { id: 'Rectangle-path', fill: '#FF0000', x: '0', y: '0', width: '56', height: '40' }),
    React.createElement('rect', { id: 'Rectangle-path', fill: '#FFD200', x: '0', y: '27', width: '56', height: '13' }),
    React.createElement('rect', { id: 'Rectangle-path', fill: '#3E3E3E', x: '0', y: '0', width: '56', height: '13' })
  );
};

Flag$36.displayName = 'FlagDE';

/* eslint max-len: 0 */
var Flag$38 = function Flag(props) {
  return React.createElement(
    IconBase,
    _extends({ viewBox: '0 0 42 30' }, props),
    React.createElement(
      'g',
      { fill: 'none', fillRule: 'evenodd' },
      React.createElement('path', { fill: '#FFF', d: 'M0 0h42v30H0z' }),
      React.createElement('path', { fill: '#3B6AC3', d: 'M0 0h42v3.3H0z' }),
      React.createElement('path', { fill: '#3B6AC3', d: 'M0 0h16.65v16.65H0z' }),
      React.createElement('path', {
        fill: '#3B6AC3',
        d: 'M0 6.675h42v3.3H0zM0 13.35h42v3.3H0zM0 20.025h42v3.3H0zM0 26.7h42V30H0z'
      }),
      React.createElement('path', { fill: '#FFF', d: 'M0 6.675h16.65v3.3H0z' }),
      React.createElement('path', { fill: '#FFF', d: 'M9.975 0v16.65h-3.3V0z' })
    )
  );
};

Flag$38.displayName = 'FlagGR';

/* eslint max-len: 0 */
var Flag$40 = function Flag(props) {
  return React.createElement(
    IconBase,
    _extends({ viewBox: '0 0 56 40' }, props),
    React.createElement('rect', { id: 'Rectangle-path', fill: '#FFFFFF', x: '0', y: '0', width: '56', height: '40' }),
    React.createElement('rect', { id: 'Rectangle-path', fill: '#39953E', x: '0', y: '27', width: '56', height: '13' }),
    React.createElement('rect', { id: 'Rectangle-path', fill: '#FF0000', x: '0', y: '0', width: '56', height: '13' })
  );
};

Flag$40.displayName = 'FlagHU';

/* eslint max-len: 0 */
var Flag$42 = function Flag(props) {
  return React.createElement(
    IconBase,
    _extends({ viewBox: '0 0 56 40' }, props),
    React.createElement('rect', {
      id: 'Rectangle-path',
      fill: '#3B6AC3',
      x: '0',
      y: '0',
      width: '56',
      height: '40'
    }),
    React.createElement('polygon', {
      id: 'Shape',
      fill: '#FFFFFF',
      points: '56 24 24 24 24 40 16 40 16 24 0 24 0 16 16 16 16 0 24 0 24 16 56 16'
    }),
    React.createElement('polygon', {
      id: 'Shape',
      fill: '#FF0000',
      points: '56 22 22 22 22 40 18 40 18 22 0 22 0 18 18 18 18 0 22 0 22 18 56 18'
    })
  );
};

Flag$42.displayName = 'FlagIS';

/* eslint max-len: 0 */
var Flag$44 = function Flag(props) {
  return React.createElement(
    IconBase,
    _extends({ viewBox: '0 0 56 40' }, props),
    React.createElement('rect', { id: 'Rectangle-path', fill: '#FFFFFF', x: '0', y: '0', width: '56', height: '40' }),
    React.createElement('rect', { id: 'Rectangle-path', fill: '#FF9C00', x: '38', y: '0', width: '18', height: '40' }),
    React.createElement('rect', { id: 'Rectangle-path', fill: '#39953E', x: '0', y: '0', width: '18', height: '40' })
  );
};

Flag$44.displayName = 'FlagIE';

/* eslint max-len: 0 */
var Flag$46 = function Flag(props) {
  return React.createElement(
    IconBase,
    _extends({ viewBox: '0 0 42 30' }, props),
    React.createElement(
      'g',
      { fill: 'none', fillRule: 'evenodd' },
      React.createElement('path', { fill: '#FFF', d: 'M0 0h42v30H0z' }),
      React.createElement('path', { fill: '#3B6AC3', d: 'M0 24h42v6H0zM0 0h42v6H0z' }),
      React.createElement(
        'g',
        { strokeWidth: '.8', stroke: '#3B6AC3' },
        React.createElement('path', { d: 'M21.004 9.276l5.195 8.5H15.81z' }),
        React.createElement('path', { d: 'M21.004 20.776l5.195-8.5H15.81z' })
      )
    )
  );
};

Flag$46.displayName = 'FlagIL';

/* eslint max-len: 0 */
var Flag$48 = function Flag(props) {
  return React.createElement(
    IconBase,
    _extends({ viewBox: '0 0 56 40' }, props),
    React.createElement('rect', { id: 'Rectangle-path', fill: '#FFFFFF', x: '0', y: '0', width: '56', height: '40' }),
    React.createElement('rect', { id: 'Rectangle-path', fill: '#39953E', x: '0', y: '0', width: '18', height: '40' }),
    React.createElement('rect', { id: 'Rectangle-path', fill: '#FF0000', x: '38', y: '0', width: '18', height: '40' })
  );
};

Flag$48.displayName = 'FlagIT';

/* eslint max-len: 0 */
var Flag$50 = function Flag(props) {
  return React.createElement(
    IconBase,
    _extends({ viewBox: '0 0 42 30' }, props),
    React.createElement(
      'g',
      { fill: 'none', 'fill-rule': 'evenodd' },
      React.createElement('path', { fill: '#A5282E', d: 'M0 0h42v30H0z' }),
      React.createElement('path', { fill: '#FFF', d: 'M0 12h42v6H0z' })
    )
  );
};

Flag$50.displayName = 'FlagLV';

/* eslint max-len: 0 */
var Flag$52 = function Flag(props) {
  return React.createElement(
    IconBase,
    _extends({ viewBox: '0 0 56 40' }, props),
    React.createElement('rect', {
      id: 'Rectangle-path',
      fill: '#39953E',
      x: '0',
      y: '0',
      width: '56',
      height: '40'
    }),
    React.createElement('rect', {
      id: 'Rectangle-path',
      fill: '#FF0000',
      x: '0',
      y: '27',
      width: '56',
      height: '13'
    }),
    React.createElement('rect', {
      id: 'Rectangle-path',
      fill: '#FF9C00',
      x: '0',
      y: '0',
      width: '56',
      height: '13'
    })
  );
};

Flag$52.displayName = 'FlagLT';

/* eslint max-len: 0 */
var Flag$54 = function Flag(props) {
  return React.createElement(
    IconBase,
    _extends({ viewBox: '0 0 56 40' }, props),
    React.createElement('rect', { id: 'Rectangle-path', fill: '#FFFFFF', x: '0', y: '0', width: '56', height: '40' }),
    React.createElement('rect', { id: 'Rectangle-path', fill: '#7EC8EB', x: '0', y: '27', width: '56', height: '13' }),
    React.createElement('rect', { id: 'Rectangle-path', fill: '#FF0000', x: '0', y: '0', width: '56', height: '13' })
  );
};

Flag$54.displayName = 'FlagLU';

/* eslint max-len: 0 */
var Flag$56 = function Flag(props) {
  return React.createElement(
    IconBase,
    _extends({ viewBox: '0 0 42 30' }, props),
    React.createElement('rect', { id: 'Rectangle', fill: '#FF0000', x: '0', y: '0', width: '42', height: '30' }),
    React.createElement('polygon', { id: 'Path-3', fill: '#FFD200', points: '19.0099792 0.00895469244 20.2878418 9.12548828 21.774292 9.07971191 23.0079346 -8.8817842e-16' }),
    React.createElement('polygon', { id: 'Path-3', fill: '#FFD200', transform: 'translate(21.008957, 25.409219) scale(1, -1) translate(-21.008957, -25.409219) ', points: '19.0099792 20.8184379 20.2878418 30 21.774292 29.9542236 23.0079346 20.8184379' }),
    React.createElement('polygon', { id: 'Path-4', fill: '#FFD200', points: '0.0009765625 12.4472046 17.7207031 14.9025269 17.8007812 15.3245239 0 17.5928345' }),
    React.createElement('polygon', { id: 'Path-4', fill: '#FFD200', transform: 'translate(33.099609, 15.020020) scale(-1, 1) translate(-33.099609, -15.020020) ', points: '24.2001953 12.4472046 41.9199219 14.9025269 42 15.3245239 24.1992188 17.5928345' }),
    React.createElement('polygon', { id: 'Path-5', fill: '#FFD200', points: '23.3726807 17.8721924 39.597168 30 32.2716064 30' }),
    React.createElement('polygon', { id: 'Path-5', fill: '#FFD200', transform: 'translate(31.484924, 6.040344) scale(1, -1) translate(-31.484924, -6.040344) ', points: '23.3726807 0 39.597168 12.0806885 32.2716064 12.074585' }),
    React.createElement('polygon', { id: 'Path-5', fill: '#FFD200', transform: 'translate(9.998276, 6.040344) scale(-1, -1) translate(-9.998276, -6.040344) ', points: '1.8860321 0 18.1105194 12.0806885 10.7849579 12.074585' }),
    React.createElement('polygon', { id: 'Path-5', fill: '#FFD200', transform: 'translate(9.998276, 23.936096) scale(-1, 1) translate(-9.998276, -23.936096) ', points: '1.8860321 17.8721924 18.1105194 30 10.7849579 30' }),
    React.createElement('ellipse', { id: 'Oval', fill: '#FF0000', cx: '21', cy: '14.9528656', rx: '6', ry: '6' }),
    React.createElement('ellipse', { id: 'Oval', fill: '#FFD200', cx: '21', cy: '14.9528656', rx: '3.75', ry: '3.75' })
  );
};

Flag$56.displayName = 'FlagNL';

/* eslint max-len: 0 */
var Flag$58 = function Flag(props) {
  return React.createElement(
    IconBase,
    _extends({ viewBox: '0 0 56 40' }, props),
    React.createElement('rect', {
      id: 'Rectangle-path',
      fill: '#FF0000',
      x: '0',
      y: '0',
      width: '56',
      height: '40'
    }),
    React.createElement('rect', {
      id: 'Rectangle-path',
      fill: '#FFFFFF',
      x: '0',
      y: '0',
      width: '28',
      height: '40'
    }),
    React.createElement('polygon', {
      id: 'Shape',
      fill: '#FF0000',
      points: '18 12 14 12 14 16 10 16 10 12 6 12 6 8 10 8 10 4 14 4 14 8 18 8'
    })
  );
};

Flag$58.displayName = 'FlagMT';

/* eslint max-len: 0 */
var Flag$60 = function Flag(props) {
  return React.createElement(
    IconBase,
    _extends({ viewBox: '0 0 56 40' }, props),
    React.createElement('rect', {
      id: 'Rectangle-path',
      fill: '#FFD200',
      x: '0',
      y: '0',
      width: '56',
      height: '40'
    }),
    React.createElement('rect', {
      id: 'Rectangle-path',
      fill: '#001468',
      x: '0',
      y: '0',
      width: '18',
      height: '40'
    }),
    React.createElement('rect', {
      id: 'Rectangle-path',
      fill: '#FF0000',
      x: '38',
      y: '0',
      width: '18',
      height: '40'
    }),
    React.createElement('path', {
      d: 'M28,29 C24.1,29 21,25.9 21,22 L21,13 C21,13 24.4,12 27.9,12 C31.4,12 35,13 35,13 L35,22 C35,25.9 31.9,29 28,29 Z',
      id: 'Shape',
      fill: '#FF9C00'
    })
  );
};

Flag$60.displayName = 'FlagNL';

/* eslint max-len: 0 */
var Flag$62 = function Flag(props) {
  return React.createElement(
    IconBase,
    _extends({ viewBox: '0 0 56 40' }, props),
    React.createElement('rect', {
      id: 'Rectangle-path',
      fill: '#FFFFFF',
      x: '0',
      y: '0',
      width: '56',
      height: '40'
    }),
    React.createElement('rect', {
      id: 'Rectangle-path',
      fill: '#FF0000',
      x: '0',
      y: '0',
      width: '56',
      height: '20'
    })
  );
};

Flag$62.displayName = 'FlagMC';

/* eslint max-len: 0 */
var Flag$64 = function Flag(props) {
  return React.createElement(
    IconBase,
    _extends({ viewBox: '0 0 56 40' }, props),
    React.createElement('rect', {
      id: 'Rectangle-path',
      fill: '#FFD200',
      x: '0',
      y: '0',
      width: '56',
      height: '40'
    }),
    React.createElement('rect', {
      id: 'Rectangle-path',
      fill: '#FF0000',
      x: '2',
      y: '2',
      width: '52',
      height: '36'
    }),
    React.createElement('path', {
      d: 'M28,29 C24.1,29 21,25.9 21,22 L21,13 C21,13 24.4,12 27.9,12 C31.4,12 35,13 35,13 L35,22 C35,25.9 31.9,29 28,29 Z',
      id: 'Shape',
      fill: '#FFD200'
    })
  );
};

Flag$64.displayName = 'FlagME';

/* eslint max-len: 0 */
var Flag$66 = function Flag(props) {
  return React.createElement(
    IconBase,
    _extends({ viewBox: '0 0 56 40' }, props),
    React.createElement('rect', { id: 'Rectangle-path', fill: '#FF0000', x: '0', y: '0', width: '56', height: '40' }),
    React.createElement('polygon', { id: 'Star', fill: '#39953E', points: '28 23.5 23.8855032 25.663119 24.6713022 21.0815595 21.3426044 17.836881 25.9427516 17.1684405 28 13 30.0572484 17.1684405 34.6573956 17.836881 31.3286978 21.0815595 32.1144968 25.663119' })
  );
};

Flag$66.displayName = 'FlagMA';

/* eslint max-len: 0 */
var Flag$68 = function Flag(props) {
  return React.createElement(
    IconBase,
    _extends({ viewBox: '0 0 56 40' }, props),
    React.createElement('rect', { id: 'Rectangle-path', fill: '#FFFFFF', x: '0', y: '0', width: '56', height: '40' }),
    React.createElement('rect', { id: 'Rectangle-path', fill: '#FF0000', x: '0', y: '0', width: '56', height: '13' }),
    React.createElement('rect', { id: 'Rectangle-path', fill: '#3B6AC3', x: '0', y: '27', width: '56', height: '13' })
  );
};

Flag$68.displayName = 'FlagNL';

/* eslint max-len: 0 */
var Flag$70 = function Flag(props) {
  return React.createElement(
    IconBase,
    _extends({ viewBox: '0 0 56 40' }, props),
    React.createElement('rect', {
      id: 'Rectangle-path',
      fill: '#FF0000',
      x: '0',
      y: '0',
      width: '56',
      height: '40'
    }),
    React.createElement('polygon', {
      id: 'Shape',
      fill: '#FFFFFF',
      points: '56 24 24 24 24 40 16 40 16 24 0 24 0 16 16 16 16 0 24 0 24 16 56 16'
    }),
    React.createElement('polygon', {
      id: 'Shape',
      fill: '#3B6AC3',
      points: '56 22 22 22 22 40 18 40 18 22 0 22 0 18 18 18 18 0 22 0 22 18 56 18'
    })
  );
};

Flag$70.displayName = 'FlagNO';

/* eslint max-len: 0 */
var Flag$72 = function Flag(props) {
  return React.createElement(
    IconBase,
    _extends({ viewBox: '0 0 56 40' }, props),
    React.createElement('rect', { id: 'Rectangle-path', fill: '#FFFFFF', x: '0', y: '0', width: '56', height: '40' }),
    React.createElement('rect', { id: 'Rectangle-path', fill: '#FF0000', x: '0', y: '20', width: '56', height: '20' })
  );
};

Flag$72.displayName = 'FlagPL';

/* eslint max-len: 0 */
var Flag$74 = function Flag(props) {
  return React.createElement(
    IconBase,
    _extends({ viewBox: '0 0 56 40' }, props),
    React.createElement('rect', {
      id: 'Rectangle-path',
      fill: '#FF0000',
      x: '0',
      y: '0',
      width: '56',
      height: '40'
    }),
    React.createElement('rect', {
      id: 'Rectangle-path',
      fill: '#39953E',
      x: '0',
      y: '0',
      width: '21',
      height: '40'
    }),
    React.createElement('path', {
      d: 'M21,29 C16,29 12,25 12,20 C12,15 16,11 21,11 C26,11 30,15 30,20 C30,25 26,29 21,29 Z M21,14 C17.7,14 15,16.7 15,20 C15,23.3 17.7,26 21,26 C24.3,26 27,23.3 27,20 C27,16.7 24.3,14 21,14 Z',
      id: 'Shape',
      fill: '#FFD200'
    })
  );
};

Flag$74.displayName = 'FlagPT';

/* eslint max-len: 0 */
var Flag$76 = function Flag(props) {
  return React.createElement(
    IconBase,
    _extends({ viewBox: '0 0 56 40' }, props),
    React.createElement('rect', { id: 'Rectangle-path', fill: '#FFD200', x: '0', y: '0', width: '56', height: '40' }),
    React.createElement('rect', { id: 'Rectangle-path', fill: '#3B6AC3', x: '0', y: '0', width: '18', height: '40' }),
    React.createElement('rect', { id: 'Rectangle-path', fill: '#FF0000', x: '38', y: '0', width: '18', height: '40' })
  );
};

Flag$76.displayName = 'FlagRO';

/* eslint max-len: 0 */
var Flag$78 = function Flag(props) {
  return React.createElement(
    IconBase,
    _extends({ viewBox: '0 0 56 40' }, props),
    React.createElement('rect', { id: 'Rectangle-path', fill: '#FFFFFF', x: '0', y: '0', width: '56', height: '40' }),
    React.createElement('rect', { id: 'Rectangle-path', fill: '#FF0000', x: '0', y: '27', width: '56', height: '13' }),
    React.createElement('rect', { id: 'Rectangle-path', fill: '#3B6AC3', x: '0', y: '13', width: '56', height: '14' })
  );
};

Flag$78.displayName = 'FlagRU';

/* eslint max-len: 0 */
var Flag$80 = function Flag(props) {
  return React.createElement(
    IconBase,
    _extends({ viewBox: '0 0 42 30' }, props),
    React.createElement(
      'g',
      { fill: 'none', 'fill-rule': 'evenodd' },
      React.createElement('path', { fill: '#FFF', d: 'M0 0h42v30H0z' }),
      React.createElement('path', { fill: '#7EC8EB', d: 'M0 15h42v15H0z' }),
      React.createElement(
        'g',
        { transform: 'translate(15 11)' },
        React.createElement('circle', { fill: '#39953E', cx: '8', cy: '4', r: '3.75' }),
        React.createElement('circle', { fill: '#39953E', cx: '4', cy: '4', r: '3.75' }),
        React.createElement('circle', { fill: '#FFD200', cx: '6', cy: '4', r: '3.75' }),
        React.createElement('circle', { fill: '#7EC8EB', cx: '6', cy: '4', r: '2' })
      )
    )
  );
};

Flag$80.displayName = 'FlagSM';

/* eslint max-len: 0 */
var Flag$82 = function Flag(props) {
  return React.createElement(
    IconBase,
    _extends({ viewBox: '0 0 42 30' }, props),
    React.createElement('path', { fill: '#3B6AC3', d: 'M0 0h42v30H0z' }),
    React.createElement('path', { fill: '#FFF', d: 'M0 20.25h42V30H0z' }),
    React.createElement('path', { fill: '#F00', d: 'M0 0h42v9.75H0z' }),
    React.createElement('path', {
      d: 'M12.25 21.75C9.325 21.75 7 19.425 7 16.5V9.75S9.55 9 12.175 9s5.325.75 5.325.75v6.75c0 2.925-2.325 5.25-5.25 5.25z',
      fill: '#F00'
    }),
    React.createElement('path', {
      d: 'M12.25 19.75c-1.81 0-3.25-1.596-3.25-3.603v-4.632S10.58 11 12.204 11c1.625 0 3.296.515 3.296.515v4.632c0 2.007-1.44 3.603-3.25 3.603z',
      fill: '#FFF'
    }),
    React.createElement('path', {
      d: 'M12.25 5C10.44 5 9 5.684 9 6.544V8.53s1.58.22 3.204.22c1.625 0 3.296-.22 3.296-.22V6.543C15.5 5.684 14.06 5 12.25 5z',
      fill: '#FFD200'
    })
  );
};

Flag$82.displayName = 'FlagRS';

/* eslint max-len: 0 */
var Flag$84 = function Flag(props) {
  return React.createElement(
    IconBase,
    _extends({ viewBox: '0 0 56 40' }, props),
    React.createElement('rect', {
      id: 'Rectangle-path',
      fill: '#FFFFFF',
      x: '0',
      y: '0',
      width: '56',
      height: '40'
    }),
    React.createElement('rect', {
      id: 'Rectangle-path',
      fill: '#FF0000',
      x: '0',
      y: '27',
      width: '56',
      height: '13'
    }),
    React.createElement('rect', {
      id: 'Rectangle-path',
      fill: '#3B6AC3',
      x: '0',
      y: '13',
      width: '56',
      height: '14'
    }),
    React.createElement('path', {
      d: 'M16,27.8710938 C12.1,27.8710938 9,23.9 9,20 L9,11 L16,11 L23,11 L23,20 C23,23.9 19.9,27.8710938 16,27.8710938 Z',
      id: 'Shape',
      stroke: '#FFFFFF',
      fill: '#FF0000'
    })
  );
};

Flag$84.displayName = 'FlagSK';

/* eslint max-len: 0 */
var Flag$86 = function Flag(props) {
  return React.createElement(
    IconBase,
    _extends({ viewBox: '0 0 56 40' }, props),
    React.createElement('rect', {
      id: 'Rectangle-path',
      fill: '#FFFFFF',
      x: '0',
      y: '0',
      width: '56',
      height: '40'
    }),
    React.createElement('rect', {
      id: 'Rectangle-path',
      fill: '#FF0000',
      x: '0',
      y: '27',
      width: '56',
      height: '13'
    }),
    React.createElement('rect', {
      id: 'Rectangle-path',
      fill: '#3B6AC3',
      x: '0',
      y: '13',
      width: '56',
      height: '14'
    }),
    React.createElement('path', {
      d: 'M16,21.8710938 C12.1,21.8710938 9,17.9 9,14 L9,5 L16,5 L23,5 L23,14 C23,17.9 19.9,21.8710938 16,21.8710938 Z',
      id: 'Shape',
      stroke: '#FF0000',
      fill: '#3B6AC3'
    })
  );
};

Flag$86.displayName = 'FlagSI';

/* eslint max-len: 0 */
var Flag$88 = function Flag(props) {
  return React.createElement(
    IconBase,
    _extends({ viewBox: '0 0 56 40' }, props),
    React.createElement('rect', {
      id: 'Rectangle-path',
      fill: '#FFD200',
      x: '0',
      y: '0',
      width: '56',
      height: '40'
    }),
    React.createElement('rect', {
      id: 'Rectangle-path',
      fill: '#FF0000',
      x: '0',
      y: '30',
      width: '56',
      height: '10'
    }),
    React.createElement('rect', {
      id: 'Rectangle-path',
      fill: '#FF0000',
      x: '0',
      y: '0',
      width: '56',
      height: '10'
    }),
    React.createElement('path', {
      d: 'M15.4,28 C12.2,28 9,27.1 9,27.1 L9,18.6 C9,15 11.9,12 15.5,12 C19.1,12 22,15 22,18.6 L22,27.1 C22,27.1 18.7,28 15.4,28 Z',
      id: 'Shape',
      fill: '#FF9C00'
    })
  );
};

Flag$88.displayName = 'FlagES';

/* eslint max-len: 0 */
var Flag$90 = function Flag(props) {
  return React.createElement(
    IconBase,
    _extends({ viewBox: '0 0 56 40' }, props),
    React.createElement('rect', {
      id: 'Rectangle-path',
      fill: '#3B6AC3',
      x: '0',
      y: '0',
      width: '56',
      height: '40'
    }),
    React.createElement('polygon', {
      id: 'Shape',
      fill: '#FFD200',
      points: '56 24 24 24 24 40 16 40 16 24 0 24 0 16 16 16 16 0 24 0 24 16 56 16'
    })
  );
};

Flag$90.displayName = 'FlagSE';

/* eslint max-len: 0 */
var Flag$92 = function Flag(props) {
  return React.createElement(
    IconBase,
    _extends({ viewBox: '0 0 56 40' }, props),
    React.createElement('rect', {
      id: 'Rectangle-path',
      fill: '#FF0000',
      x: '0',
      y: '0',
      width: '56',
      height: '40'
    }),
    React.createElement('path', {
      d: 'M32.9833333,16.1666667 L39.5,16.1666667 L39.5,23.8333333 L32.9833333,23.8333333 L16.5,23.8333333 L16.5,16.1666667 L32.9833333,16.1666667 Z M24.1666667,8.5 L31.8333333,8.5 L31.8333333,16.1666667 L24.1666667,16.1666667 L24.1666667,8.5 Z M24.1666667,23.8333333 L31.8333333,23.8333333 L31.8333333,31.5 L24.1666667,31.5 L24.1666667,23.8333333 Z',
      id: 'Combined-Shape',
      fill: '#FFFFFF'
    })
  );
};

Flag$92.displayName = 'FlagCH';

/* eslint max-len: 0 */
var Flag$94 = function Flag(props) {
  return React.createElement(
    IconBase,
    _extends({ viewBox: '0 0 56 40' }, props),
    React.createElement('rect', { id: 'Rectangle-path', fill: '#FF0000', x: '0', y: '0', width: '56', height: '40' }),
    React.createElement('path', { d: 'M24,10 C18.5,10 14,14.5 14,20 C14,25.5 18.5,30 24,30 C26.2,30 28.2,29.3 29.8,28.1 C27.6,30.5 24.5,32 21,32 C14.4,32 9,26.6 9,20 C9,13.4 14.4,8 21,8 C24.5,8 27.6,9.5 29.8,11.9 C28.2,10.7 26.2,10 24,10 Z', id: 'Shape', fill: '#FFFFFF' }),
    React.createElement('circle', { id: 'Oval', fill: '#FFFFFF', cx: '34', cy: '20', r: '3' })
  );
};

Flag$94.displayName = 'FlagTR';

/* eslint max-len: 0 */
var Flag$96 = function Flag(props) {
  return React.createElement(
    IconBase,
    _extends({ viewBox: '0 0 56 40' }, props),
    React.createElement('rect', { id: 'Rectangle-path', fill: '#FFD200', x: '0', y: '0', width: '56', height: '40' }),
    React.createElement('rect', { id: 'Rectangle-path', fill: '#3B6AC3', x: '0', y: '0', width: '56', height: '20' })
  );
};

Flag$96.displayName = 'FlagUA';

/* eslint max-len: 0 */
var Flag$98 = function Flag(props) {
  return React.createElement(
    IconBase,
    _extends({ viewBox: '0 0 56 40' }, props),
    React.createElement('rect', {
      id: 'Rectangle-path',
      fill: '#001468',
      x: '0',
      y: '0',
      width: '56',
      height: '40'
    }),
    React.createElement('polygon', {
      id: 'Shape',
      fill: '#FFFFFF',
      points: '56 40 50 40 34 27 34 40 22 40 22 27 6 40 0 40 0 36 12 26 0 26 0 14 12 14 0 4 0 0 6 0 22 13 22 0 34 0 34 13 50 0 56 0 56 4 44 14 56 14 56 26 44 26 56 36'
    }),
    React.createElement('path', {
      d: 'M53,40 L36,26 L41,26 L56,39 L56,40 L53,40 Z M32,40 L24,40 L24,24 L0,24 L0,16 L24,16 L24,0 L32,0 L32,16 L56,16 L56,24 L32,24 L32,40 Z M36,14 L53,0 L56,0 L56,1 L41,14 L36,14 Z M0,1 L0,0 L3,0 L20,14 L15,14 L0,1 Z M20,26 L3,40 L0,40 L0,39 L15,26 L20,26 Z',
      id: 'Shape',
      fill: '#FF0000'
    })
  );
};

Flag$98.displayName = 'FlagGB';

/* eslint max-len: 0 */
var Flag$100 = function Flag(props) {
  return React.createElement(
    IconBase,
    _extends({ viewBox: '0 0 56 40' }, props),
    React.createElement('rect', { id: 'Rectangle-path', fill: '#FFFFFF', x: '0', y: '2.27373675e-13', width: '56', height: '40' }),
    React.createElement('rect', { id: 'Rectangle-path', fill: '#FF0000', x: '0', y: '2.27373675e-13', width: '56', height: '13' }),
    React.createElement('rect', { id: 'Rectangle-path', fill: '#001468', x: '0', y: '27', width: '56', height: '13' }),
    React.createElement('circle', { id: 'Oval', fill: '#FF0000', cx: '28', cy: '20', r: '5' })
  );
};

Flag$100.displayName = 'FlagYU';

/* eslint max-len: 0 */
var Flag$102 = function Flag(props) {
  return React.createElement(
    IconBase,
    _extends({ viewBox: '0 0 56 40' }, props),
    React.createElement('rect', { id: 'Rectangle-path', fill: '#FFFFFF', x: '0', y: '0', width: '56', height: '40' }),
    React.createElement('rect', { id: 'Rectangle-path', fill: '#3B6AC3', x: '0', y: '0', width: '56', height: '13' }),
    React.createElement('rect', { id: 'Rectangle-path', fill: '#FF0000', x: '0', y: '27', width: '56', height: '13' })
  );
};

Flag$102.displayName = 'FlagCS';



var index = Object.freeze({
	AL: Flag,
	AD: Flag$2,
	AM: Flag$4,
	AU: Flag$6,
	AT: Flag$8,
	AZ: Flag$10,
	BY: Flag$12,
	BE: Flag$14,
	BA: Flag$16,
	BG: Flag$18,
	HR: Flag$20,
	CY: Flag$22,
	CZ: Flag$24,
	DK: Flag$26,
	EE: Flag$28,
	FI: Flag$30,
	FR: Flag$32,
	GE: Flag$34,
	DE: Flag$36,
	GR: Flag$38,
	HU: Flag$40,
	IS: Flag$42,
	IE: Flag$44,
	IL: Flag$46,
	IT: Flag$48,
	LV: Flag$50,
	LT: Flag$52,
	LU: Flag$54,
	MK: Flag$56,
	MT: Flag$58,
	MD: Flag$60,
	MC: Flag$62,
	ME: Flag$64,
	MA: Flag$66,
	NL: Flag$68,
	NO: Flag$70,
	PL: Flag$72,
	PT: Flag$74,
	RO: Flag$76,
	RU: Flag$78,
	SM: Flag$80,
	RS: Flag$82,
	SK: Flag$84,
	SI: Flag$86,
	ES: Flag$88,
	SE: Flag$90,
	CH: Flag$92,
	TR: Flag$94,
	UA: Flag$96,
	GB: Flag$98,
	YU: Flag$100,
	CS: Flag$102
});

/**
 * Checks if `value` is the
 * [language type](http://www.ecma-international.org/ecma-262/7.0/#sec-ecmascript-language-types)
 * of `Object`. (e.g. arrays, functions, objects, regexes, `new Number(0)`, and `new String('')`)
 *
 * @static
 * @memberOf _
 * @since 0.1.0
 * @category Lang
 * @param {*} value The value to check.
 * @returns {boolean} Returns `true` if `value` is an object, else `false`.
 * @example
 *
 * _.isObject({});
 * // => true
 *
 * _.isObject([1, 2, 3]);
 * // => true
 *
 * _.isObject(_.noop);
 * // => true
 *
 * _.isObject(null);
 * // => false
 */
function isObject(value) {
  var type = typeof value;
  return value != null && (type == 'object' || type == 'function');
}

var isObject_1 = isObject;

var commonjsGlobal = typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};



function unwrapExports (x) {
	return x && x.__esModule ? x['default'] : x;
}

function createCommonjsModule(fn, module) {
	return module = { exports: {} }, fn(module, module.exports), module.exports;
}

/** Detect free variable `global` from Node.js. */
var freeGlobal = typeof commonjsGlobal == 'object' && commonjsGlobal && commonjsGlobal.Object === Object && commonjsGlobal;

var _freeGlobal = freeGlobal;

/** Detect free variable `self`. */
var freeSelf = typeof self == 'object' && self && self.Object === Object && self;

/** Used as a reference to the global object. */
var root = _freeGlobal || freeSelf || Function('return this')();

var _root = root;

/** Built-in value references. */
var Symbol$1 = _root.Symbol;

var _Symbol = Symbol$1;

/** Used for built-in method references. */
var objectProto = Object.prototype;

/** Used to check objects for own properties. */
var hasOwnProperty = objectProto.hasOwnProperty;

/**
 * Used to resolve the
 * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)
 * of values.
 */
var nativeObjectToString = objectProto.toString;

/** Built-in value references. */
var symToStringTag$1 = _Symbol ? _Symbol.toStringTag : undefined;

/**
 * A specialized version of `baseGetTag` which ignores `Symbol.toStringTag` values.
 *
 * @private
 * @param {*} value The value to query.
 * @returns {string} Returns the raw `toStringTag`.
 */
function getRawTag(value) {
  var isOwn = hasOwnProperty.call(value, symToStringTag$1),
      tag = value[symToStringTag$1];

  try {
    value[symToStringTag$1] = undefined;
    var unmasked = true;
  } catch (e) {}

  var result = nativeObjectToString.call(value);
  if (unmasked) {
    if (isOwn) {
      value[symToStringTag$1] = tag;
    } else {
      delete value[symToStringTag$1];
    }
  }
  return result;
}

var _getRawTag = getRawTag;

/** Used for built-in method references. */
var objectProto$1 = Object.prototype;

/**
 * Used to resolve the
 * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)
 * of values.
 */
var nativeObjectToString$1 = objectProto$1.toString;

/**
 * Converts `value` to a string using `Object.prototype.toString`.
 *
 * @private
 * @param {*} value The value to convert.
 * @returns {string} Returns the converted string.
 */
function objectToString(value) {
  return nativeObjectToString$1.call(value);
}

var _objectToString = objectToString;

/** `Object#toString` result references. */
var nullTag = '[object Null]';
var undefinedTag = '[object Undefined]';

/** Built-in value references. */
var symToStringTag = _Symbol ? _Symbol.toStringTag : undefined;

/**
 * The base implementation of `getTag` without fallbacks for buggy environments.
 *
 * @private
 * @param {*} value The value to query.
 * @returns {string} Returns the `toStringTag`.
 */
function baseGetTag(value) {
  if (value == null) {
    return value === undefined ? undefinedTag : nullTag;
  }
  return (symToStringTag && symToStringTag in Object(value))
    ? _getRawTag(value)
    : _objectToString(value);
}

var _baseGetTag = baseGetTag;

/**
 * Checks if `value` is object-like. A value is object-like if it's not `null`
 * and has a `typeof` result of "object".
 *
 * @static
 * @memberOf _
 * @since 4.0.0
 * @category Lang
 * @param {*} value The value to check.
 * @returns {boolean} Returns `true` if `value` is object-like, else `false`.
 * @example
 *
 * _.isObjectLike({});
 * // => true
 *
 * _.isObjectLike([1, 2, 3]);
 * // => true
 *
 * _.isObjectLike(_.noop);
 * // => false
 *
 * _.isObjectLike(null);
 * // => false
 */
function isObjectLike(value) {
  return value != null && typeof value == 'object';
}

var isObjectLike_1 = isObjectLike;

/** `Object#toString` result references. */
var symbolTag = '[object Symbol]';

/**
 * Checks if `value` is classified as a `Symbol` primitive or object.
 *
 * @static
 * @memberOf _
 * @since 4.0.0
 * @category Lang
 * @param {*} value The value to check.
 * @returns {boolean} Returns `true` if `value` is a symbol, else `false`.
 * @example
 *
 * _.isSymbol(Symbol.iterator);
 * // => true
 *
 * _.isSymbol('abc');
 * // => false
 */
function isSymbol(value) {
  return typeof value == 'symbol' ||
    (isObjectLike_1(value) && _baseGetTag(value) == symbolTag);
}

var isSymbol_1 = isSymbol;

/** Used as references for various `Number` constants. */
var NAN = 0 / 0;

/** Used to match leading and trailing whitespace. */
var reTrim = /^\s+|\s+$/g;

/** Used to detect bad signed hexadecimal string values. */
var reIsBadHex = /^[-+]0x[0-9a-f]+$/i;

/** Used to detect binary string values. */
var reIsBinary = /^0b[01]+$/i;

/** Used to detect octal string values. */
var reIsOctal = /^0o[0-7]+$/i;

/** Built-in method references without a dependency on `root`. */
var freeParseInt = parseInt;

/**
 * Converts `value` to a number.
 *
 * @static
 * @memberOf _
 * @since 4.0.0
 * @category Lang
 * @param {*} value The value to process.
 * @returns {number} Returns the number.
 * @example
 *
 * _.toNumber(3.2);
 * // => 3.2
 *
 * _.toNumber(Number.MIN_VALUE);
 * // => 5e-324
 *
 * _.toNumber(Infinity);
 * // => Infinity
 *
 * _.toNumber('3.2');
 * // => 3.2
 */
function toNumber(value) {
  if (typeof value == 'number') {
    return value;
  }
  if (isSymbol_1(value)) {
    return NAN;
  }
  if (isObject_1(value)) {
    var other = typeof value.valueOf == 'function' ? value.valueOf() : value;
    value = isObject_1(other) ? (other + '') : other;
  }
  if (typeof value != 'string') {
    return value === 0 ? value : +value;
  }
  value = value.replace(reTrim, '');
  var isBinary = reIsBinary.test(value);
  return (isBinary || reIsOctal.test(value))
    ? freeParseInt(value.slice(2), isBinary ? 2 : 8)
    : (reIsBadHex.test(value) ? NAN : +value);
}

var toNumber_1 = toNumber;

/** Used as references for various `Number` constants. */
var INFINITY = 1 / 0;
var MAX_INTEGER = 1.7976931348623157e+308;

/**
 * Converts `value` to a finite number.
 *
 * @static
 * @memberOf _
 * @since 4.12.0
 * @category Lang
 * @param {*} value The value to convert.
 * @returns {number} Returns the converted number.
 * @example
 *
 * _.toFinite(3.2);
 * // => 3.2
 *
 * _.toFinite(Number.MIN_VALUE);
 * // => 5e-324
 *
 * _.toFinite(Infinity);
 * // => 1.7976931348623157e+308
 *
 * _.toFinite('3.2');
 * // => 3.2
 */
function toFinite(value) {
  if (!value) {
    return value === 0 ? value : 0;
  }
  value = toNumber_1(value);
  if (value === INFINITY || value === -INFINITY) {
    var sign = (value < 0 ? -1 : 1);
    return sign * MAX_INTEGER;
  }
  return value === value ? value : 0;
}

var toFinite_1 = toFinite;

/**
 * Converts `value` to an integer.
 *
 * **Note:** This method is loosely based on
 * [`ToInteger`](http://www.ecma-international.org/ecma-262/7.0/#sec-tointeger).
 *
 * @static
 * @memberOf _
 * @since 4.0.0
 * @category Lang
 * @param {*} value The value to convert.
 * @returns {number} Returns the converted integer.
 * @example
 *
 * _.toInteger(3.2);
 * // => 3
 *
 * _.toInteger(Number.MIN_VALUE);
 * // => 0
 *
 * _.toInteger(Infinity);
 * // => 1.7976931348623157e+308
 *
 * _.toInteger('3.2');
 * // => 3
 */
function toInteger(value) {
  var result = toFinite_1(value),
      remainder = result % 1;

  return result === result ? (remainder ? result - remainder : result) : 0;
}

var toInteger_1 = toInteger;

/**
 * Checks if `value` is an integer.
 *
 * **Note:** This method is based on
 * [`Number.isInteger`](https://mdn.io/Number/isInteger).
 *
 * @static
 * @memberOf _
 * @since 4.0.0
 * @category Lang
 * @param {*} value The value to check.
 * @returns {boolean} Returns `true` if `value` is an integer, else `false`.
 * @example
 *
 * _.isInteger(3);
 * // => true
 *
 * _.isInteger(Number.MIN_VALUE);
 * // => false
 *
 * _.isInteger(Infinity);
 * // => false
 *
 * _.isInteger('3');
 * // => false
 */
function isInteger(value) {
  return typeof value == 'number' && value == toInteger_1(value);
}

var isInteger_1 = isInteger;

var Container = styled.div.withConfig({
  displayName: 'base__Container',
  componentId: 'xgepi8-0'
})([['{display:inline-block;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:', function (props) {
  return props.color || 'currentColor';
}, ';width:', function (props) {
  return props.width ? isInteger_1(props.width) ? props.width + 'px' : props.width : 'auto';
}, ';height:', function (props) {
  return props.height ? isInteger_1(props.height) ? props.height + 'px' : props.height : 'auto';
}, ';}']]);

var Canvas = styled.canvas.withConfig({
  displayName: 'base__Canvas',
  componentId: 'xgepi8-1'
})([['{display:block;height:100%;visibility:hidden;}']]);

var Icon = styled.svg.withConfig({
  displayName: 'base__Icon',
  componentId: 'xgepi8-2'
})([['{position:absolute;left:0;top:0;width:100%;height:100%;fill:currentColor;}']]);

var IconBase$2 = function IconBase(_ref) {
  var children = _ref.children,
      title = _ref.title,
      viewBox = _ref.viewBox,
      width = _ref.width,
      height = _ref.height,
      color = _ref.color,
      props = objectWithoutProperties(_ref, ['children', 'title', 'viewBox', 'width', 'height', 'color']);

  var fragments = viewBox.split(' ');

  return React.createElement(
    Container,
    _extends({
      className: 'icon',
      role: 'img',
      'aria-label': title,
      color: color,
      width: width,
      height: height
    }, props),
    React.createElement(Canvas, { width: fragments[2], height: fragments[3] }),
    React.createElement(
      Icon,
      { viewBox: viewBox },
      children
    )
  );
};

IconBase$2.propTypes = {
  color: PropTypes.string,
  title: PropTypes.string,
  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
  height: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
  children: PropTypes.node.isRequired,
  viewBox: PropTypes.string.isRequired
};

/* eslint max-len: 0 */
var Youtube = (function (props) {
  return React.createElement(
    IconBase$2,
    _extends({ viewBox: '0 0 31 21' }, props),
    React.createElement('path', {
      d: 'M11.9025,13.9619496 L11.9015625,5.81264495 L20.0071875,9.90134625 L11.9025,13.9619496 Z M29.7,4.40049762 C29.7,4.40049762 29.4065625,2.4019194 28.5075,1.52181988 C27.3665625,0.366179411 26.0878125,0.360741103 25.501875,0.293668636 C21.30375,0 15.0065625,0 15.0065625,0 L14.9934375,0 C14.9934375,0 8.69625,0 4.498125,0.293668636 C3.91125,0.360741103 2.6334375,0.366179411 1.4915625,1.52181988 C0.5925,2.4019194 0.3,4.40049762 0.3,4.40049762 C0.3,4.40049762 0,6.74803394 0,9.09466388 L0,11.2953659 C0,13.6429022 0.3,15.9895321 0.3,15.9895321 C0.3,15.9895321 0.5925,17.9881104 1.4915625,18.8682099 C2.6334375,20.0238504 4.1325,19.987595 4.8,20.1081441 C7.2,20.3311148 15,20.4 15,20.4 C15,20.4 21.30375,20.3909362 25.501875,20.0972675 C26.0878125,20.0292887 27.3665625,20.0238504 28.5075,18.8682099 C29.4065625,17.9881104 29.7,15.9895321 29.7,15.9895321 C29.7,15.9895321 30,13.6429022 30,11.2953659 L30,9.09466388 C30,6.74803394 29.7,4.40049762 29.7,4.40049762 L29.7,4.40049762 Z',
      fillRule: 'evenodd'
    })
  );
});

/* eslint max-len: 0 */
var Facebook = (function (props) {
  return React.createElement(
    IconBase$2,
    _extends({ viewBox: '-1 -1 13 25' }, props),
    React.createElement('path', {
      d: 'M12,7.77131029 L7.91322167,7.77131029 L7.91322167,5.28039743 C7.91322167,4.34493894 8.58036351,4.12684744 9.05024947,4.12684744 L11.934248,4.12684744 L11.934248,0.0144069551 L7.962402,-1.77635684e-15 C3.55327869,-1.77635684e-15 2.54989309,3.06719106 2.54989309,5.03001449 L2.54989309,7.77131029 L-1.24344979e-14,7.77131029 L-1.24344979e-14,12.0089422 L2.54989309,12.0089422 L2.54989309,24 L7.91322167,24 L7.91322167,12.0089422 L11.5322523,12.0089422 L12,7.77131029 L12,7.77131029 Z'
    })
  );
});

/* eslint max-len: 0 */
var instagram = (function (props) {
  return React.createElement(
    IconBase$2,
    _extends({ viewBox: '0 0 23 23' }, props),
    React.createElement('path', {
      d: 'M11.4,5.56637025 C14.6255457,5.56637025 17.2382377,8.17906225 17.2382377,11.4 C17.2382377,14.6255457 14.6255457,17.2382377 11.4,17.2382377 C8.17906225,17.2382377 5.56637025,14.6255457 5.56637025,11.4 C5.56637025,8.17906225 8.17906225,5.56637025 11.4,5.56637025 L11.4,5.56637025 Z M17.4041229,4.11948262 C18.109135,4.11948262 18.6851253,4.690865 18.6851253,5.39587712 C18.6851253,6.10088925 18.109135,6.67227162 17.4041229,6.67227162 C16.6991108,6.67227162 16.1277284,6.10088925 16.1277284,5.39587712 C16.1277284,4.690865 16.6991108,4.11948262 17.4041229,4.11948262 L17.4041229,4.11948262 Z M5.9672595,0 L16.8373484,0 C20.1181892,0 22.8,2.68641876 22.8,5.9672595 L22.8,16.8373484 C22.8,20.1181892 20.1181892,22.8 16.8373484,22.8 L5.9672595,22.8 C2.68641876,22.8 0,20.1181892 0,16.8373484 L0,5.9672595 C0,2.68641876 2.68641876,0 5.9672595,0 L5.9672595,0 Z M6.79668553,2.02748585 L16.0033145,2.02748585 C18.6298302,2.02748585 20.7771221,4.17477769 20.7771221,6.79668553 L20.7771221,16.0033145 C20.7771221,18.6298302 18.6298302,20.7771221 16.0033145,20.7771221 L6.79668553,20.7771221 C4.17477769,20.7771221 2.02748585,18.6298302 2.02748585,16.0033145 L2.02748585,6.79668553 C2.02748585,4.17477769 4.17477769,2.02748585 6.79668553,2.02748585 L6.79668553,2.02748585 Z M11.4,7.50630558 C13.5518998,7.50630558 15.2983023,9.24810024 15.2983023,11.4 C15.2983023,13.5518998 13.5518998,15.2983023 11.4,15.2983023 C9.24810024,15.2983023 7.50630558,13.5518998 7.50630558,11.4 C7.50630558,9.24810024 9.24810024,7.50630558 11.4,7.50630558 L11.4,7.50630558 Z',
      fillRule: 'evenodd'
    })
  );
});

/* eslint max-len: 0 */
var snapchat = (function (props) {
  return React.createElement(
    IconBase$2,
    _extends({ viewBox: '0 0 24 23' }, props),
    React.createElement('path', { d: 'M2.21637278,18.8929282 C2.73738578,18.9958011 3.11574047,18.9349171 3.31422161,19.3695028 C3.47962256,19.7306077 3.51683778,20.2701657 3.65742859,20.6459669 C4.17844159,20.6732597 4.83384287,20.3352486 6.11156524,20.4381215 C8.69802265,20.6480663 9.08464738,22.8041989 11.9316113,22.7979006 C14.9170985,22.7916022 15.2106852,20.6816575 17.7475223,20.4444199 C19.0045696,20.3268508 19.8894647,20.6774586 20.2740219,20.6165746 C20.4311528,20.3289503 20.455963,19.7285083 20.6172289,19.3737017 C20.8219126,18.9307182 21.1816596,18.9979006 21.7109427,18.8929282 C22.3436013,18.7690608 23.7970622,18.4541436 23.933518,17.9271823 C23.6419988,17.7571271 22.4945297,17.8243094 20.8446552,16.4176796 C20.0755408,15.7626519 19.3829243,14.9081768 18.8060884,13.8374586 C18.1279445,12.5777901 18.0266364,11.6099448 19.6558358,10.9885083 C20.2244016,10.7701657 20.8632628,10.6190055 21.243685,10.2746961 C21.5331367,10.0164641 21.4070184,9.77082873 21.1010267,9.61337017 C20.718537,9.41812155 20.5386634,9.48320442 20.1892539,9.63436464 C19.6330932,9.87370166 18.8805189,10.0563536 18.3491683,9.68475138 C18.0576491,9.48110497 18.1444846,9.43701657 18.1816998,8.75889503 C18.2788729,7.09823204 18.4959617,4.87071823 17.8054127,3.49348066 C16.655876,1.20508287 14.648322,-0.0230939227 12.0308519,0.00209944751 C8.99781188,0.0314917127 7.19907651,1.38773481 6.17979313,3.38220994 C5.4106787,4.88751381 5.65878013,7.24939227 5.77042577,9.09060773 C5.78489836,9.32574586 5.83865367,9.48110497 5.69806286,9.60497238 C5.24941277,10.001768 4.42034049,9.93248619 3.82282954,9.71834254 C3.51270275,9.60497238 3.29768152,9.42232044 2.92139435,9.57348066 C2.62367263,9.69104972 2.3755712,9.94088398 2.65675282,10.2369061 C3.51063524,11.1333702 6.76489901,10.8583425 5.13983464,13.820663 C4.19498169,15.5401105 2.81388373,17.039116 0.924177829,17.6773481 C0.756709363,17.7340331 0.0702954053,17.8872928 0,17.9271823 C0.105443108,18.4205525 1.57957911,18.7669613 2.21637278,18.8929282 Z' })
  );
});

/* eslint max-len: 0 */
var Twitter = (function (props) {
  return React.createElement(
    IconBase$2,
    _extends({ viewBox: '0 0 26 21' }, props),
    React.createElement('path', {
      d: 'M25.2,2.3483661 L22.8375,4.69830197 C22.8375,4.69830197 22.8375,4.48481414 22.8375,5.08917307 C22.8375,5.51850337 22.7682,5.92821162 22.6674,6.32693154 C22.612275,9.55828957 21.5775,13.8429589 17.325,17.2257991 C8.9609625,23.8784565 0,18.0083262 0,18.0083262 C7.0875,18.0083262 7.0875,15.6591752 7.0875,15.6591752 C5.5125,15.6591752 2.3625,12.528282 2.3625,12.528282 C3.15,13.3108091 4.725,12.528282 4.725,12.528282 C0.7875,10.179131 0.7875,7.82998003 0.7875,7.82998003 C1.575,8.6125071 3.15,7.82998003 3.15,7.82998003 C-0.7875,4.69908685 1.575,0.783311955 1.575,0.783311955 C2.3625,4.69830197 12.6,6.26335612 12.6,6.26335612 L12.730725,6.19899582 C12.6504,5.84030487 12.6,5.07975448 12.6,4.69830197 C12.6,1.88685565 14.891625,0 17.71875,0 C19.27485,0 20.6514,0.704823784 21.5908875,1.79502449 L22.05,1.56583903 L24.4125,0 L22.8375,3.13167806 L25.2,2.3483661 L25.2,2.3483661 Z'
    })
  );
});

/* eslint max-len: 0 */
var Whatsapp = (function (props) {
  return React.createElement(
    IconBase$2,
    _extends({ viewBox: '0 0 20 20' }, props),
    React.createElement('path', {
      d: 'M9.99709729,0 L9.99709729,0.000165915897 L10.0029027,0.000165915897 C15.5157285,0.000165915897 20,4.4857022 20,10.000083 C20,15.5142978 15.5157285,20 10.0029027,20 C7.96934739,20 6.0827521,19.3945729 4.50185359,18.3481413 L0.658168639,19.5765826 L1.90417741,15.8612279 C0.705275467,14.2150104 0,12.1868545 0,9.99991704 C0,4.48553628 4.48427146,0 9.99709729,0 Z M7.20535425,5.07951519 C7.01145326,4.6151166 6.86449323,4.59752951 6.57073903,4.58558357 C6.47071995,4.57977651 6.35925591,4.57396945 6.23568342,4.57396945 C5.85352099,4.57396945 5.45394229,4.68563085 5.21293447,4.93251371 C4.91918027,5.23232374 4.19035139,5.93182516 4.19035139,7.36633401 C4.19035139,8.80084285 5.23648789,10.1882316 5.37747663,10.3823532 C5.52443667,10.576143 7.41700324,13.5626291 10.3555404,14.7797881 C12.6534911,15.7321454 13.3353791,15.6438781 13.8583644,15.5322167 C14.6223575,15.3676281 15.5804175,14.8030164 15.8214253,14.1212679 C16.0624331,13.4391877 16.0624331,12.8571547 15.9917729,12.7337133 C15.9212785,12.6102719 15.7272117,12.5399235 15.4334575,12.3927561 C15.1397033,12.2457546 13.7114043,11.5402802 13.4410377,11.4462059 C13.1764764,11.3463245 12.9238578,11.3816646 12.7241514,11.6638876 C12.442008,12.0577719 12.1658359,12.4576292 11.9424102,12.6985391 C11.7660914,12.8866877 11.4779767,12.9102478 11.2371348,12.8102005 C10.9138559,12.675145 10.008874,12.357416 8.89207726,11.3639116 C8.02806505,10.593896 7.44039079,9.63573165 7.27004321,9.34770165 C7.09952976,9.0538646 7.25246108,8.88313714 7.38747854,8.72452154 C7.53443857,8.54217997 7.67542732,8.41293149 7.82238735,8.24236994 C7.96934739,8.07197432 8.05161847,7.98370706 8.14566625,7.7837784 C8.24568533,7.58982272 8.17502509,7.38989406 8.10453071,7.24289258 C8.03403634,7.09589109 7.44636208,5.66138225 7.20535425,5.07951519 Z',
      fillRule: 'evenodd'
    })
  );
});

/* eslint max-len: 0 */
var GooglePlus = (function (props) {
  return React.createElement(
    IconBase$2,
    _extends({ viewBox: '0 0 20 20' }, props),
    React.createElement('path', {
      d: 'M17.7987421,9.28288543 L17.7987421,7.05516266 L16.2264151,7.05516266 L16.2264151,9.28288543 L13.9622642,9.28288543 L13.9622642,10.874116 L16.2264151,10.874116 L16.2264151,13.165488 L17.7987421,13.165488 L17.7987421,10.874116 L20,10.874116 L20,9.28288543 L17.7987421,9.28288543 L17.7987421,9.28288543 Z M6.35220126,9.15558699 L6.35220126,11.7015559 C6.35220126,11.7015559 8.7927044,11.6982461 9.78641509,11.6982461 C9.24830189,13.3487341 8.41157233,14.2475248 6.35220126,14.2475248 C4.26811321,14.2475248 2.64150943,12.5377157 2.64150943,10.4285714 C2.64150943,8.31942716 4.26811321,6.6096181 6.35220126,6.6096181 C7.45408805,6.6096181 8.16572327,7.00157001 8.81849057,7.54787129 C9.34100629,7.01907355 9.29735849,6.94371287 10.6267296,5.67321075 C9.49823899,4.63369165 7.99836478,4 6.35220126,4 C2.84396226,4 0,6.87815417 0,10.4285714 C0,13.978925 2.84396226,16.8571429 6.35220126,16.8571429 C11.5960377,16.8571429 12.8777358,12.2362093 12.4528302,9.15558699 L6.35220126,9.15558699 L6.35220126,9.15558699 Z',
      fillRule: 'evenodd'
    })
  );
});

/* eslint max-len: 0 */
var mail = (function (props) {
  return React.createElement(
    IconBase$2,
    _extends({ viewBox: '0 0 21 15' }, props),
    React.createElement('path', {
      d: 'M18,2.291 L10,9.318 L2,2.281 L2,2 L18,2 L18,2.291 Z M2,13 L2,4.945 L9.24737942,11.3181643 C9.66304029,11.6836861 10.34375,11.6780586 10.7526206,11.3189169 L18,4.953 L18,13 L2,13 Z M0,13.0081158 C0,14.1082031 0.898212381,15 1.99079514,15 L18.0092049,15 C19.1086907,15 20,14.1066027 20,13.0081158 L20,1.99188419 C20,0.891796927 19.1017876,0 18.0092049,0 L1.99079514,0 C0.891309342,0 0,0.893397331 0,1.99188419 L0,13.0081158 Z',
      fillRule: 'evenodd'
    })
  );
});

/* eslint max-len: 0 */
var vkontakte = (function (props) {
  return React.createElement(
    IconBase$2,
    _extends({ viewBox: '0 0 20 20' }, props),
    React.createElement('path', {
      d: 'M3 0h14c1.6 0 3 1.4 3 3v14c0 1.6-1.4 3-3 3H3c-1.6 0-3-1.4-3-3V3c0-1.6 1.4-3 3-3zM10 14h1l.2-.2v-.3s0-1 .6-1.3c.5 0 1.2 1 2 1.5.4.4.8.3.8.3h1.8s1 0 .5-.8c0 0-.3-.6-1.4-1.6-1-1-1-1 .4-2.7 1-1.2 1.2-2 1-2.2 0-.3-.6-.2-.6-.2h-2-.2c-.2 0-.2.3-.2.3l-.8 1.5c-1 1.5-1.3 1.6-1.4 1.5-.4-.2-.3-1-.3-1.4 0-1.5.4-2-.3-2.3H8l-.3.5s.4 0 .6.3c.2.4.2 1 .2 1s0 1.8-.3 2c-.2.2-.6 0-1.4-1.6C6.3 7.7 6 7 6 7v-.3H3.4h-.3V7s1.5 3.6 3.2 5.5C8 14 9.8 14 9.8 14z'
    })
  );
});

/* eslint max-len: 0 */
var arrowRight = (function (props) {
  return React.createElement(
    IconBase$2,
    _extends({ viewBox: '0 0 20 20' }, props),
    React.createElement('path', {
      d: 'M11.1276806,0.292743187 C10.7370078,-0.0975810622 10.1045374,-0.0975810622 9.7148638,0.292743187 C9.32419099,0.683067435 9.32419099,1.31497344 9.7148638,1.70429942 L16.1494748,8.14215385 C16.4642112,8.45660944 16.2413978,9.00166581 15.7967702,9.00166581 L1.01614898,9.00166581 C0.464610888,9.00166581 0,9.44090538 0,9.99195137 L0,9.99594446 C0,10.5469905 0.464610888,10.9982093 1.01614898,10.9982093 L15.7967702,10.9982093 C16.2413978,10.9982093 16.4642112,11.5282916 16.1494748,11.8427472 L9.68388974,18.2995688 C9.29321693,18.6888947 9.29321693,19.3188042 9.68388974,19.7091285 L9.68388974,19.7081302 C10.0735634,20.0974562 10.7060337,20.0974562 11.0967065,19.7071319 L19.4147402,11.3965197 L19.4147402,11.3965197 C20.1950866,10.6168695 20.1950866,9.35205919 19.4147402,8.57240897 C19.2338916,8.39272005 10.946832,0.112056002 11.1276806,0.292743187',
      fillRule: 'evenodd'
    })
  );
});

/* eslint max-len: 0 */
var arrowLeft = (function (props) {
  return React.createElement(
    IconBase$2,
    _extends({ viewBox: '0 0 20 16' }, props),
    React.createElement('path', {
      d: 'M2.5310595,8.54994925 L9.07878622,14.4882029 C9.35101275,14.759715 9.35101275,15.1991357 9.07878622,15.4713623 C8.80584519,15.7435888 8.36428091,15.7435888 8.09133988,15.4713623 L0.266792146,8.37560996 C0.246785997,8.35917633 0.217491279,8.36560688 0.197485131,8.34631524 C0.0567275831,8.2062722 -0.0047198742,8.02192982 0.000281663021,7.83758745 C-0.0047198742,7.65324508 0.0567275831,7.46890271 0.197485131,7.32814516 C0.216776774,7.30956802 0.246785997,7.31599857 0.267506652,7.29956495 L8.09133988,0.203098136 C8.36428091,-0.0676993788 8.80584519,-0.0676993788 9.07878622,0.203098136 C9.35101275,0.476039168 9.35101275,0.916174443 9.07878622,1.18768646 L2.5310595,7.12522565 L19.2854947,7.12522565 C19.6799016,7.12522565 20,7.44460953 20,7.83758745 C20,8.23056538 19.6799016,8.54994925 19.2854947,8.54994925 L2.5310595,8.54994925 Z',
      fillRule: 'evenodd'
    })
  );
});

/* eslint max-len: 0 */
var arrowUp = (function (props) {
  return React.createElement(
    IconBase$2,
    _extends({ viewBox: '0 0 20 20' }, props),
    React.createElement('path', {
      d: 'M0,10 L1.393,11.435 L9,3.828 L9,20 L11,20 L11,3.828 L18.586,11.414 L20,10 C16.339,6.339 13.504,3.504 10,0 C6.034,3.966 8.834,1.166 0,10',
      fillRule: 'evenodd'
    })
  );
});

/* eslint max-len: 0 */
var arrowDown = (function (props) {
  return React.createElement(
    IconBase$2,
    _extends({ viewBox: '0 0 20 20' }, props),
    React.createElement('path', {
      d: 'M20,10 L18.607,8.565 L11,16.172 L11,0 L9,0 L9,16.172 L1.414,8.586 L0,10 C3.661,13.661 6.496,16.496 10,20 L20,10',
      fillRule: 'evenodd'
    })
  );
});

/* eslint max-len: 0 */
var arrowCornerRight = (function (props) {
  return React.createElement(
    IconBase$2,
    _extends({ viewBox: '0 0 20 20' }, props),
    React.createElement('path', {
      d: 'M0 15c0 .6.3 1 .8 1h15c.5 0 .7.5.4 1l-1.4 1.3c-.4.4-.4 1 0 1.4.4.4 1 .4 1.4 0l3.2-3.4c.8-.7.8-2 0-2.7l-3-3.3c-.5-.4-1-.4-1.5 0-.6.3-.6 1-.2 1.4l1.4 1.5c.3.3 0 .8-.3.8H2V.8C2 .3 1.6 0 1 0 .5 0 0 .3 0 .8V15z'
    })
  );
});

/* eslint max-len: 0 */
var chevronRight = (function (props) {
  return React.createElement(
    IconBase$2,
    _extends({ viewBox: '0 0 11 20' }, props),
    React.createElement('path', {
      d: 'M0.365851198,19.7076922 L0.365851198,19.7076922 C0.770764375,20.0974359 1.42628878,20.0974359 1.83016637,19.7076922 L10.3934069,11.4441266 C11.2021977,10.6636398 11.2021977,9.39747249 10.3934069,8.61698576 L1.76803135,0.292460172 C1.36726051,-0.0932861516 0.72002078,-0.0982828657 0.31407202,0.282466744 L0.31407202,0.282466744 C-0.100161409,0.671211096 -0.105339327,1.31178984 0.302680601,1.70653024 L8.19693417,9.32352112 C8.60184734,9.71426416 8.60184734,10.3468482 8.19693417,10.7375912 L0.365851198,18.2946215 C-0.0390619781,18.6843652 -0.0390619781,19.3179485 0.365851198,19.7076922',
      fillRule: 'evenodd'
    })
  );
});

/* eslint max-len: 0 */
var chevronLeft = (function (props) {
  return React.createElement(
    IconBase$2,
    _extends({ viewBox: '0 0 11 20' }, props),
    React.createElement('path', {
      d: 'M10.6337771,0.292307771 L10.6337771,0.292307771 C10.2288781,-0.0974359237 9.57337657,-0.0974359237 9.1695131,0.292307771 L0.606571874,8.55587344 C-0.202190625,9.33636018 -0.202190625,10.6025275 0.606571874,11.3830142 L9.23164594,19.7075398 C9.63240277,20.0932862 10.2796199,20.0982829 10.6855545,19.7175333 L10.6855545,19.7175333 C11.1008089,19.3287889 11.1049511,18.6882102 10.6969455,18.2934698 L2.80296785,10.6764789 C2.39806883,10.2857358 2.39806883,9.65315185 2.80296785,9.26240881 L10.6337771,1.7053785 C11.0386761,1.31563481 11.0386761,0.683050809 10.6337771,0.292307771',
      fillRule: 'evenodd'
    })
  );
});

/* eslint max-len: 0 */
var chevronUp = (function (props) {
  return React.createElement(
    IconBase$2,
    _extends({ viewBox: '0 0 20 11' }, props),
    React.createElement('path', {
      d: 'M19.7076922,10.6337771 L19.7076922,10.6337771 C20.0974359,10.2288781 20.0974359,9.57337657 19.7076922,9.1695131 L11.4441266,0.606571874 C10.6636398,-0.202190625 9.39747249,-0.202190625 8.61698576,0.606571874 L0.292460172,9.23164594 C-0.0932861516,9.63240277 -0.0982828657,10.2796199 0.282466744,10.6855545 C0.671211096,11.1008089 1.31178984,11.1049511 1.70653024,10.6969455 L9.32352112,2.80296785 C9.71426416,2.39806883 10.3468482,2.39806883 10.7375912,2.80296785 L18.2946215,10.6337771 C18.6843652,11.0386761 19.3179485,11.0386761 19.7076922,10.6337771',
      fillRule: 'evenodd'
    })
  );
});

/* eslint max-len: 0 */
var ChevronDown = (function (props) {
  return React.createElement(
    IconBase$2,
    _extends({ viewBox: '0 0 20 11' }, props),
    React.createElement('path', {
      d: 'M0.292307771,0.365825368 L0.292307771,0.365825368 C-0.0974359237,0.770709957 -0.0974359237,1.42618808 0.292307771,1.83003715 L8.55587344,10.3926731 C9.33636018,11.2024423 10.6025275,11.2024423 11.3830142,10.3926731 L19.7075398,1.76790653 C20.0932862,1.36716398 20.0982829,0.719969944 19.7175333,0.314049845 C19.3287889,-0.100154337 18.6882102,-0.105331889 18.2934698,0.30265923 L10.6764789,8.19635544 C10.2857358,8.60124003 9.65315185,8.60124003 9.26240881,8.19635544 L1.7053785,0.365825368 C1.31563481,-0.0390592202 0.683050809,-0.0390592202 0.292307771,0.365825368',
      fillRule: 'evenodd'
    })
  );
});

/* eslint max-len: 0 */
var smallArrowUp = (function (props) {
  return React.createElement(
    IconBase$2,
    _extends({ viewBox: '0 0 10 5' }, props),
    React.createElement('polygon', { points: '5 0 10 5 0 5' })
  );
});

/* eslint max-len: 0 */
var smallArrowDown = (function (props) {
  return React.createElement(
    IconBase$2,
    _extends({ viewBox: '0 0 10 5' }, props),
    React.createElement('polygon', { transform: 'translate(5.000000, 2.500000) scale(1, -1) translate(-5.000000, -2.500000) ', points: '5 0 10 5 0 5' })
  );
});

/* eslint max-len: 0 */
var toggleLeft = (function (props) {
  return React.createElement(
    IconBase$2,
    _extends({ viewBox: '0 0 22 14' }, props),
    React.createElement(
      'g',
      { stroke: 'none', fill: 'none', fillRule: 'evenodd' },
      React.createElement('path', {
        d: 'M0,7 C0,3.13400675 3.12869969,0 6.9911656,0 L15.0088344,0 C18.8699485,0 22,3.14187327 22,7 C22,10.8659932 18.8713003,14 15.0088344,14 L6.9911656,14 C3.13005145,14 0,10.8581267 0,7 Z M2,7 C2,4.23857625 4.24331781,2 6.99009984,2 L15.0099002,2 C17.7658562,2 20,4.24419519 20,7 C20,9.76142375 17.7566822,12 15.0099002,12 L6.99009984,12 C4.2341438,12 2,9.75580481 2,7 Z M7,10 C8.65685425,10 10,8.65685425 10,7 C10,5.34314575 8.65685425,4 7,4 C5.34314575,4 4,5.34314575 4,7 C4,8.65685425 5.34314575,10 7,10 Z',
        fill: 'currentColor'
      })
    )
  );
});

/* eslint max-len: 0 */
var toggleCenter = (function (props) {
  return React.createElement(
    IconBase$2,
    _extends({ viewBox: '0 0 22 14' }, props),
    React.createElement(
      'g',
      { stroke: 'none', fill: 'none', fillRule: 'evenodd' },
      React.createElement('path', {
        d: 'M0,7 C0,3.13400675 3.12869969,0 6.9911656,0 L15.0088344,0 C18.8699485,0 22,3.14187327 22,7 C22,10.8659932 18.8713003,14 15.0088344,14 L6.9911656,14 C3.13005145,14 0,10.8581267 0,7 Z M2,7 C2,4.23857625 4.24331781,2 6.99009984,2 L15.0099002,2 C17.7658562,2 20,4.24419519 20,7 C20,9.76142375 17.7566822,12 15.0099002,12 L6.99009984,12 C4.2341438,12 2,9.75580481 2,7 Z M11,10 C12.6568542,10 14,8.65685425 14,7 C14,5.34314575 12.6568542,4 11,4 C9.34314575,4 8,5.34314575 8,7 C8,8.65685425 9.34314575,10 11,10 Z',
        fill: 'currentColor'
      })
    )
  );
});

/* eslint max-len: 0 */
var toggleRight = (function (props) {
  return React.createElement(
    IconBase$2,
    _extends({ viewBox: '0 0 22 14' }, props),
    React.createElement(
      'g',
      { stroke: 'none', fill: 'none', fillRule: 'evenodd' },
      React.createElement('path', {
        d: 'M0,7 C0,3.13400675 3.12869969,0 6.9911656,0 L15.0088344,0 C18.8699485,0 22,3.14187327 22,7 C22,10.8659932 18.8713003,14 15.0088344,14 L6.9911656,14 C3.13005145,14 0,10.8581267 0,7 Z M2,7 C2,4.23857625 4.24331781,2 6.99009984,2 L15.0099002,2 C17.7658562,2 20,4.24419519 20,7 C20,9.76142375 17.7566822,12 15.0099002,12 L6.99009984,12 C4.2341438,12 2,9.75580481 2,7 Z M15,10 C16.6568542,10 18,8.65685425 18,7 C18,5.34314575 16.6568542,4 15,4 C13.3431458,4 12,5.34314575 12,7 C12,8.65685425 13.3431458,10 15,10 Z',
        fill: 'currentColor'
      })
    )
  );
});

/* eslint max-len: 0 */
var heart = (function (props) {
  return React.createElement(
    IconBase$2,
    _extends({ viewBox: '0 0 21 16' }, props),
    React.createElement('path', {
      d: 'M11.9933186,13.3489915 C11.4453186,13.8148173 10.7413186,14.0717212 10.0103186,14.0717212 C9.28031856,14.0717212 8.57431856,13.8158169 8.00431856,13.3349968 C4.41031856,10.3071293 2.12231856,8.70073009 2.00331856,5.40596241 C1.87831856,1.91926651 5.69831856,0.644743207 8.04031856,3.50967166 C8.51431856,4.08845518 9.22631856,4.42033105 9.99431856,4.42033105 C10.7693186,4.42033105 11.4863186,4.08445668 11.9613186,3.49867577 C14.2523186,0.679730121 18.1743186,1.88028109 17.9953186,5.50792427 C17.8353186,8.73471738 15.4593186,10.4010941 11.9933186,13.3489915 M10.3873186,2.31012032 C10.2893186,2.43107508 10.1413186,2.49205227 9.99431856,2.49205227 C9.85031856,2.49205227 9.70731856,2.43307433 9.61131856,2.31611808 C6.06831856,-2.01726114 -0.187681436,0.140931644 0.00431856424,5.47293736 C0.157318564,9.71635022 3.16531856,11.8195636 6.70731856,14.8034475 C7.65431856,15.6011492 8.83231856,16 10.0103186,16 C11.1913186,16 12.3713186,15.5991499 13.3163186,14.7954505 C16.8193186,11.8155651 19.7893186,9.72634649 19.9923186,5.59889025 C20.2623186,0.147929027 13.9213186,-2.04125217 10.3873186,2.31012032'
    })
  );
});

/* eslint max-len: 0 */
var list = (function (props) {
  return React.createElement(
    IconBase$2,
    _extends({ viewBox: '0 0 20 16' }, props),
    React.createElement('path', {
      d: 'M0,16 L14,16 L14,14 L0,14 L0,16 Z M0,2 L20,2 L20,0 L0,0 L0,2 Z M0,9 L20,9 L20,7 L0,7 L0,9 Z'
    })
  );
});

/* eslint max-len: 0 */
var plus = (function (props) {
  return React.createElement(
    IconBase$2,
    _extends({ viewBox: '0 0 20 20' }, props),
    React.createElement('polygon', {
      points: '20 9 20 11 11 11 11 20 9 20 9 11 0 11 0 9 9 9 9 0 11 0 11 9'
    })
  );
});

/* eslint max-len: 0 */
var CloseIcon = (function (props) {
  return React.createElement(
    IconBase$2,
    _extends({ viewBox: '0 0 20 20' }, props),
    React.createElement('polygon', { points: '11.446 10 20 18.554 18.553 20 10 11.446 1.446 20 0 18.554 8.553 10 0 1.446 1.446 0 10 8.554 18.553 0 20 1.446' })
  );
});

/* eslint max-len: 0 */
var trophy = (function (props) {
  return React.createElement(
    IconBase$2,
    _extends({ viewBox: '0 -1 24 49' }, props),
    React.createElement('path', { d: 'M22.4495798,9.88237721 C23.3067227,9.88237721 24,10.5302088 24,11.3311643 C24,12.1321198 23.3067227,12.7799515 22.4495798,12.7799515 C22.0966387,12.7799515 21.7689076,12.6621639 21.5168067,12.4854825 L21.5168067,21.1310902 C21.5168067,23.9462132 19.0462185,26.2548496 16.0336134,26.2548496 L13.9663866,26.2548496 C14.3193277,26.2548496 14.5966387,26.5139822 14.5966387,26.8437874 L14.5966387,26.8437874 C14.5966387,27.1618139 14.3193277,27.4327253 13.9663866,27.4327253 C14.3193277,27.4327253 14.5966387,27.6918579 14.5966387,28.0098844 L14.5966387,28.0098844 C14.5966387,28.3396896 14.3193277,28.5988222 13.9663866,28.5988222 L13.9411765,28.5988222 L14.8109244,38.3398544 L16.7268908,38.4223057 C17.5336134,38.4458632 18.1890756,39.034801 18.1890756,39.7886415 L18.1890756,40.5778182 L18.6806723,40.589597 C19.8403361,40.6131545 20.7857143,41.2020923 20.7857143,41.9559328 L20.7857143,42.7568883 L20.105042,42.7568883 L21.1008403,42.7922245 C22.6890756,42.8511183 23.987395,43.9112065 23.987395,45.2775423 L23.987395,46.7263294 C23.987395,47.3506035 18.7436975,47.8570901 12.2647059,47.8570901 C5.79831933,47.8570901 0.554621849,47.3506035 0.554621849,46.7263294 L0.554621849,45.2775423 C0.554621849,43.9112065 1.85294118,42.8393396 3.42857143,42.7922245 L4.52521008,42.7568883 L3.69327731,42.7568883 L3.69327731,41.9559328 C3.69327731,41.2020923 4.63865546,40.6131545 5.79831933,40.589597 L6.30252101,40.5778182 L6.30252101,39.7886415 C6.30252101,39.034801 6.95798319,38.4458632 7.76470588,38.4223057 L9.64285714,38.3516331 L10.2857143,28.5988222 L10.197479,28.5988222 C9.85714286,28.5988222 9.56722689,28.3396896 9.56722689,28.0098844 L9.56722689,28.0098844 C9.56722689,27.6918579 9.85714286,27.4327253 10.197479,27.4327253 C9.85714286,27.4327253 9.56722689,27.1618139 9.56722689,26.8437874 L9.56722689,26.8437874 C9.56722689,26.5139822 9.85714286,26.2548496 10.197479,26.2548496 L8.14285714,26.2548496 C5.11764706,26.2548496 2.65966387,23.9462132 2.65966387,21.1310902 L2.65966387,12.3205799 C2.3697479,12.5914913 1.9789916,12.7681727 1.55042017,12.7681727 C0.693277311,12.7681727 0,12.1203411 0,11.3193856 C0,10.5184301 0.693277311,9.87059845 1.55042017,9.87059845 C1.9789916,9.87059845 2.3697479,10.035501 2.65966387,10.3064125 L2.65966387,9.02252794 L6.95798319,9.02252794 L6.95798319,2.67377786 C6.95798319,1.20143322 8.24369748,-7.10542736e-15 9.81932773,-7.10542736e-15 L14.3445378,-7.10542736e-15 C15.9201681,-7.10542736e-15 17.2058824,1.20143322 17.2058824,2.67377786 L17.2058824,9.01074918 L21.5168067,9.01074918 L21.5168067,10.1768461 C21.7689076,9.98838602 22.0966387,9.88237721 22.4495798,9.88237721 L22.4495798,9.88237721 Z M18.0378151,11.7316421 L18.0378151,14.3700837 L17.2058824,14.3700837 L17.2058824,19.6351881 C17.2058824,21.1075327 15.9201681,22.3089659 14.3445378,22.3089659 L9.81932773,22.3089659 C8.24369748,22.3089659 6.95798319,21.1075327 6.95798319,19.6351881 L6.95798319,14.3700837 L6.20168067,14.3700837 L6.20168067,11.7787571 L5.59663866,11.7787571 L5.59663866,20.0121083 C5.59663866,21.9556032 7.29831933,23.5457354 9.36554622,23.5457354 L14.7983193,23.5457354 C16.8781513,23.5457354 18.5672269,21.9556032 18.5672269,20.0121083 L18.5672269,11.7316421 L18.0378151,11.7316421 L18.0378151,11.7316421 Z' })
  );
});

/* eslint max-len: 0 */
var image = (function (props) {
  return React.createElement(
    IconBase$2,
    _extends({ viewBox: '0 0 20 16' }, props),
    React.createElement('path', {
      d: 'M12.083,4.667 C12.083,3.562 12.978,2.667 14.083,2.667 C15.188,2.667 16.083,3.562 16.083,4.667 C16.083,5.772 15.188,6.667 14.083,6.667 C12.978,6.667 12.083,5.772 12.083,4.667 L12.083,4.667 Z M18,12.086 L13.987,8.074 L13.971,8.089 L13.955,8.074 L12.525,9.504 L7.896,4.876 L7.881,4.892 L7.865,4.876 L2,10.741 L2,2 L18,2 L18,12.086 Z M0,16 L20,16 L20,0 L0,0 L0,16 Z'
    })
  );
});

/* eslint max-len: 0 */
var gallery = (function (props) {
  return React.createElement(
    IconBase$2,
    _extends({ viewBox: '0 0 20 20' }, props),
    React.createElement('path', { d: 'M2 16h12V6H2v10zm-2 4h16V4H0v16zM20 0v16h-2V2H4V0h16z' })
  );
});

/* eslint max-len: 0 */
var video = (function (props) {
  return React.createElement(
    IconBase$2,
    _extends({ viewBox: '0 0 20 20' }, props),
    React.createElement('path', { d: 'M0 20V0h20v20H0zm2-2h16V2H2v16zm5-5.58V7.873C7 6.89 8.273 6.307 9.078 6.86l3.474 2.275c.706.486.682 1.537-.024 2.023l-3.445 2.274C8.28 13.986 7 13.404 7 12.42z' })
  );
});

/* eslint max-len: 0 */
var bin = (function (props) {
  return React.createElement(
    IconBase$2,
    _extends({ viewBox: '0 0 21 20' }, props),
    React.createElement('path', {
      d: 'M7,16 L9,16 L9,8 L7,8 L7,16 Z M11,16 L13,16 L13,8 L11,8 L11,16 Z M5,18 L15,18 L15,6 L5,6 L5,18 Z M7,4 L13,4 L13,2 L7,2 L7,4 Z M15,4 L15,0 L5,0 L5,4 L0,4 L0,6 L3,6 L3,20 L17,20 L17,6 L20,6 L20,4 L15,4 Z',
      fillRule: 'evenodd'
    })
  );
});

/* eslint max-len: 0 */
var calendar = (function (props) {
  return React.createElement(
    IconBase$2,
    _extends({ viewBox: '0 0 20 20' }, props),
    React.createElement('path', {
      d: 'M17.971246,8 L1.99680511,8 L1.99680511,4.971 C1.99680511,4.435 2.43111022,4 2.96625399,4 L3.99361022,4 L3.99361022,6 L5.99041534,6 L5.99041534,4 L13.9776358,4 L13.9776358,6 L15.9744409,6 L15.9744409,4 L16.9728435,4 C17.5239617,4 17.971246,4.448 17.971246,5 L17.971246,8 Z M17.971246,17 C17.971246,17.55 17.5219649,18 16.9728435,18 L2.99520767,18 C2.44408946,18 1.99680511,17.552 1.99680511,17 L1.99680511,10 L17.971246,10 L17.971246,17 Z M0.0638977636,17.761 C0.0638977636,18.865 1.02136581,20 2.12360224,20 L18.0980431,20 C19.201278,20 20,18.979 20,17.761 C20,17.372 19.9680511,5.36 19.9680511,4.708 C19.9680511,2.626 19.6875,2 15.9744409,2 L15.9744409,0 L13.9776358,0 L13.9776358,2 L5.99041534,2 L5.99041534,0 L3.99361022,0 L3.99361022,2 L1.99680511,2 C0.8985623,2 0,2.9 0,4 L0.0638977636,17.761 Z',
      fillRule: 'evenodd'
    })
  );
});

/* eslint max-len: 0 */
var cloudUp = (function (props) {
  return React.createElement(
    IconBase$2,
    _extends({ viewBox: '0 0 20 20' }, props),
    React.createElement('path', {
      d: 'M10.007 6.005L6.302 9.71l1.413 1.414 1.292-1.292V20h2V9.832l1.29 1.292 1.414-1.413-3.703-3.705zm8.274 6.7c-1.754 1.51-3.492 1.297-5.276 1.297v-2c1.856 0 2.72.137 3.725-.55 2.415-1.652 1.155-5.544-1.827-5.437-1.332-6.604-11.72-4.37-9.656 2.43-2.628-2.09-5.712 3.558-.13 3.558h1.892v2H4.21c-3.334 0-5.388-3.56-3.48-6.28.913-1.3 2.344-1.62 2.344-1.62C3.736.99 9.57-1.708 13.89 1.184c1.854 1.242 2.558 3.058 2.558 3.058 3.71 1.127 4.83 5.884 1.833 8.462z'
    })
  );
});

/* eslint max-len: 0 */
var globe = (function (props) {
  return React.createElement(
    IconBase$2,
    _extends({ viewBox: '0 0 20 20' }, props),
    React.createElement('path', {
      d: 'M12.3 17.7c1.3-2 2-4.4 2.2-6.7H18c-.5 3.2-2.7 5.8-5.7 6.7m-2.3-.2c-1.4-2-2.3-4.2-2.5-6.5h5c-.2 2.3-1 4.6-2.5 6.5M2 11h3.5c.2 2.3 1 4.6 2.2 6.7-3-1-5.2-3.5-5.6-6.7m5.3-8.5c-1 2-1.7 4.2-1.8 6.5H2c.4-3 2.5-5.5 5.3-6.5M10 2c1.6 2 2.4 4.5 2.5 7h-5c0-2.5 1-5 2.5-7m8 7h-3.5c0-2.3-.7-4.5-1.8-6.5 2.8 1 5 3.5 5.2 6.5m-7-9C5-.5 0 4.2 0 10c0 5.4 4.3 9.8 9.7 10 5.7.2 10.3-4.4 10.3-10 0-5.2-4-9.5-9-10'
    })
  );
});

/* eslint max-len: 0 */
var magnifyingGlass = (function (props) {
  return React.createElement(
    IconBase$2,
    _extends({ viewBox: '0 0 20 20' }, props),
    React.createElement('path', { d: 'M20 18.586L18.586 20l-5.657-5.657 1.413-1.414L20 18.585zM7 12c-2.757 0-5-2.243-5-5s2.243-5 5-5 5 2.243 5 5-2.243 5-5 5zM7 0C3.134 0 0 3.134 0 7s3.134 7 7 7 7-3.134 7-7-3.134-7-7-7z' })
  );
});

/* eslint max-len: 0 */
var script = (function (props) {
  return React.createElement(
    IconBase$2,
    _extends({ viewBox: '0 0 20 20' }, props),
    React.createElement('path', { d: 'M7 13h6v-2H7v2zm0-3h6V4H7v6zm9-6V2c1.103 0 2 .898 2 2h-2zm-2 12c0 1.103-.897 2-2 2v-4H6V4c0-1.102.897-2 2-2h6v14zm-4 2H4c-1.103 0-2-.897-2-2h8v2zm6-18H8C5.79 0 4 1.79 4 4v10H0v2c0 2.21 1.79 4 4 4h8c2.21 0 4-1.79 4-4V6h4V4c0-2.21-1.79-4-4-4z' })
  );
});

/* eslint max-len: 0 */
var note = (function (props) {
  return React.createElement(
    IconBase$2,
    _extends({ viewBox: '0 0 20 20' }, props),
    React.createElement('path', { d: 'M18 18.01H2V2.097h8V.106H0V20h20v-9.947h-2v7.958zM6 9.95L15.84 0 20 4.115 9.842 14.032H6V9.95z' })
  );
});

/* eslint max-len: 0 */
var bookmark = (function (props) {
  return React.createElement(
    IconBase$2,
    _extends({ viewBox: '0 0 20 48' }, props),
    React.createElement('path', { d: 'M20 0v48L10 38 0 48V0' })
  );
});

/* eslint max-len: 0 */
var handle = (function (props) {
  return React.createElement(
    IconBase$2,
    _extends({ viewBox: '0 0 20 10' }, props),
    React.createElement('path', { d: 'M0 10L20 10 20 8 0 8 0 10ZM0 2L20 2 20 0 0 0 0 2ZM0 6L20 6 20 4 0 4 0 6Z' })
  );
});

/* eslint max-len: 0 */
var blockStyleDefault = (function (props) {
  return React.createElement(
    IconBase$2,
    _extends({ viewBox: '0 0 16 18' }, props),
    React.createElement(
      'g',
      null,
      React.createElement('rect', { transform: 'translate(8.000000, 1.000000) scale(-1, 1) translate(-8.000000, -1.000000) ', x: '0', y: '0', width: '16', height: '2' }),
      React.createElement('rect', { transform: 'translate(8.000000, 9.000000) scale(-1, 1) translate(-8.000000, -9.000000) ', x: '0', y: '4', width: '16', height: '10' }),
      React.createElement('rect', { transform: 'translate(8.000000, 17.000000) scale(-1, 1) translate(-8.000000, -17.000000) ', x: '0', y: '16', width: '16', height: '2' })
    )
  );
});

/* eslint max-len: 0 */
var blockStyleBig = (function (props) {
  return React.createElement(
    IconBase$2,
    _extends({ viewBox: '0 0 20 18' }, props),
    React.createElement(
      'g',
      null,
      React.createElement('rect', { transform: 'translate(10.000000, 1.000000) scale(-1, 1) translate(-10.000000, -1.000000) ', x: '2', y: '0', width: '16', height: '2' }),
      React.createElement('rect', { transform: 'translate(10.000000, 9.000000) scale(-1, 1) translate(-10.000000, -9.000000) ', x: '0', y: '4', width: '20', height: '10' }),
      React.createElement('rect', { transform: 'translate(10.000000, 17.000000) scale(-1, 1) translate(-10.000000, -17.000000) ', x: '2', y: '16', width: '16', height: '2' })
    )
  );
});

/* eslint max-len: 0 */
var link = (function (props) {
  return React.createElement(
    IconBase$2,
    _extends({ viewBox: '0 0 23 22' }, props),
    React.createElement('path', {
      d: 'M18.2387431,1.76127893 C15.8904007,-0.587092975 12.0827382,-0.587092975 9.73439575,1.76127893 L7.16555163,4.33015523 L8.58277581,5.74739717 L11.1516199,3.17852087 C12.7181839,1.61193731 15.2539527,1.61193731 16.821519,3.17852087 C18.3840738,4.74209755 18.3840738,7.28491424 16.821519,8.84849092 L14.2526748,11.4173672 L15.669899,12.8346092 L18.2387431,10.2657329 C20.5870856,7.91736096 20.5870856,4.10965083 18.2387431,1.76127893 L18.2387431,1.76127893 Z M8.84838006,16.8207274 C8.09165852,17.5784607 7.08436693,17.9954145 6.01393169,17.9954145 C4.94349645,17.9954145 3.93620487,17.5784607 3.17948332,16.8207274 C1.61592623,15.258153 1.61592623,12.714334 3.17948332,11.1517597 L5.74832744,8.58288335 L4.33010098,7.16463911 L1.76125686,9.73351542 C-0.58708562,12.0818873 -0.58708562,15.8895975 1.76125686,18.2389716 C2.93592924,19.4126565 4.47442933,20 6.01393169,20 C7.55343406,20 9.09193415,19.4126565 10.2666065,18.2389716 L12.8354507,15.6700953 L11.4172242,14.2518511 L8.84838006,16.8207274 Z M12.2631487,6.31970633 L13.6803728,7.73694827 L7.72181713,13.6955786 L6.30459295,12.2783367 L12.2631487,6.31970633 Z'
    })
  );
});

/* eslint max-len: 0 */
var bold = (function (props) {
  return React.createElement(
    IconBase$2,
    _extends({ viewBox: '0 0 12 14' }, props),
    React.createElement('path', {
      d: 'M0.16,13.84 C0.0533328,13.7333328 0,13.6066674 0,13.46 L0,0.54 C0,0.3933326 0.0533328,0.2666672 0.16,0.16 C0.2666672,0.0533328 0.3933326,0 0.54,0 L6.44,0 C7.4933386,0 8.3566633,0.2066646 9.03,0.62 C9.7033367,1.0333354 10.1899985,1.539997 10.49,2.14 C10.7900015,2.740003 10.94,3.339997 10.94,3.94 C10.94,4.6333368 10.7866682,5.2099977 10.48,5.67 C10.1733318,6.1300023 9.8666682,6.459999 9.56,6.66 C10.0400024,6.9800016 10.4366651,7.4033307 10.75,7.93 C11.0633349,8.4566693 11.22,9.0799964 11.22,9.8 C11.22,10.4933368 11.0500017,11.1633301 10.71,11.81 C10.3699983,12.4566699 9.8733366,12.9833313 9.22,13.39 C8.5666634,13.7966687 7.7933378,14 6.9,14 L0.54,14 C0.3933326,14 0.2666672,13.9466672 0.16,13.84 Z M2.7,2.5 L2.7,5.58 L6.24,5.58 C6.9200034,5.58 7.4233317,5.4533346 7.75,5.2 C8.0766683,4.9466654 8.24,4.5600026 8.24,4.04 C8.24,3.5199974 8.0766683,3.1333346 7.75,2.88 C7.4233317,2.6266654 6.9200034,2.5 6.24,2.5 L2.7,2.5 Z M6.4,11.5 C7.1066702,11.5 7.6366649,11.3466682 7.99,11.04 C8.3433351,10.7333318 8.52,10.3200026 8.52,9.8 C8.52,9.2799974 8.3366685,8.8633349 7.97,8.55 C7.6033315,8.2366651 7.0800034,8.08 6.4,8.08 L2.7,8.08 L2.7,11.5 L6.4,11.5 Z'
    })
  );
});

/* eslint max-len: 0 */
var italic = (function (props) {
  return React.createElement(
    IconBase$2,
    _extends({ viewBox: '0 0 5 15' }, props),
    React.createElement('path', {
      d: 'M4.33941187,2.06 C4.21274457,2.1666672 4.07607927,2.22 3.92941187,2.22 L2.78941187,2.22 C2.64274447,2.22 2.52607897,2.1666672 2.43941187,2.06 C2.35274477,1.9533328 2.32941167,1.8266674 2.36941187,1.68 L2.60941187,0.54 C2.63607867,0.3933326 2.71274457,0.2666672 2.83941187,0.16 C2.96607917,0.0533328 3.10274447,0 3.24941187,0 L4.38941187,0 C4.53607927,0 4.65274477,0.0533328 4.73941187,0.16 C4.82607897,0.2666672 4.85607867,0.3933326 4.82941187,0.54 L4.58941187,1.68 C4.54941167,1.8266674 4.46607917,1.9533328 4.33941187,2.06 Z M1.59941187,14.04 C1.47274457,14.1466672 1.33607927,14.2 1.18941187,14.2 L0.449411875,14.2 C0.302744475,14.2 0.186078975,14.1466672 0.0994118748,14.04 C0.0127447748,13.9333328 -0.0172549252,13.8066674 0.00941187478,13.66 L1.98941187,4.34 C2.01607867,4.1933326 2.09607787,4.0666672 2.22941187,3.96 C2.36274587,3.8533328 2.50274447,3.8 2.64941187,3.8 L3.38941187,3.8 C3.53607927,3.8 3.64941147,3.8533328 3.72941187,3.96 C3.80941227,4.0666672 3.83607867,4.1933326 3.80941187,4.34 L1.82941187,13.66 C1.80274507,13.8066674 1.72607917,13.9333328 1.59941187,14.04 Z'
    })
  );
});

/* eslint max-len: 0 */
var selection = (function (props) {
  return React.createElement(
    IconBase$2,
    _extends({ viewBox: '0 0 20 20' }, props),
    React.createElement('path', {
      d: 'M3,14 C2.448,14 2,13.552 2,13 L2,7 C2,6.448 2.448,6 3,6 C3.552,6 4,5.552 4,5 C4,4.448 3.552,4 3,4 L2,4 C0.895,4 0,4.895 0,6 L0,14 C0,15.105 0.895,16 2,16 L3,16 C3.552,16 4,15.552 4,15 C4,14.448 3.552,14 3,14 M18,4 L11,4 C10.448,4 10,4.448 10,5 C10,5.552 10.448,6 11,6 L17,6 C17.552,6 18,6.448 18,7 L18,13 C18,13.552 17.552,14 17,14 L11,14 C10.448,14 10,14.448 10,15 C10,15.552 10.448,16 11,16 L18,16 C19.105,16 20,15.105 20,14 L20,6 C20,4.895 19.105,4 18,4 M10,19 C10,19.552 9.552,20 9,20 L5,20 C4.448,20 4,19.552 4,19 C4,18.448 4.448,18 5,18 L6,18 L6,2 L5,2 C4.448,2 4,1.552 4,1 C4,0.448 4.448,0 5,0 L9,0 C9.552,0 10,0.448 10,1 C10,1.552 9.552,2 9,2 L8,2 L8,18 L9,18 C9.552,18 10,18.448 10,19'
    })
  );
});

/* eslint max-len: 0 */
var underline = (function (props) {
  return React.createElement(
    IconBase$2,
    _extends({ viewBox: '0 0 10 14' }, props),
    React.createElement('path', {
      d: 'M0.56,0.76 C0.6666672,0.6533328 0.7933326,0.6 0.94,0.6 L1.68,0.6 C1.8266674,0.6 1.9533328,0.6533328 2.06,0.76 C2.1666672,0.8666672 2.22,0.9933326 2.22,1.14 L2.22,6.42 C2.22,7.4333384 2.4499977,8.1966641 2.91,8.71 C3.3700023,9.2233359 4.0399956,9.48 4.92,9.48 C5.7733376,9.48 6.4366643,9.2200026 6.91,8.7 C7.3833357,8.1799974 7.62,7.420005 7.62,6.42 L7.62,1.14 C7.62,0.9933326 7.6733328,0.8666672 7.78,0.76 C7.8866672,0.6533328 8.0133326,0.6 8.16,0.6 L8.9,0.6 C9.0466674,0.6 9.1733328,0.6533328 9.28,0.76 C9.3866672,0.8666672 9.44,0.9933326 9.44,1.14 L9.44,10.46 C9.44,10.6066674 9.3866672,10.7333328 9.28,10.84 C9.1733328,10.9466672 9.0466674,11 8.9,11 L8.16,11 C8.0133326,11 7.8866672,10.9466672 7.78,10.84 C7.6733328,10.7333328 7.62,10.6066674 7.62,10.46 L7.62,9.84 C6.9266632,10.7466712 5.9266732,11.2 4.62,11.2 C3.3399936,11.2 2.3166705,10.800004 1.55,10 C0.7833295,9.199996 0.4,8.1066736 0.4,6.72 L0.4,1.14 C0.4,0.9933326 0.4533328,0.8666672 0.56,0.76 Z'
    }),
    React.createElement('rect', { x: '0', y: '13', width: '10', height: '1' })
  );
});

/* eslint max-len: 0 */
var unorderedList = (function (props) {
  return React.createElement(
    IconBase$2,
    _extends({ viewBox: '0 0 20 10' }, props),
    React.createElement('path', {
      d: 'M1,8 C0.448,8 0,8.448 0,9 C0,9.552 0.448,10 1,10 C1.552,10 2,9.552 2,9 C2,8.448 1.552,8 1,8 L1,8 Z M1,0.006 C0.448,0.006 0,0.454 0,1.006 C0,1.559 0.448,2.006 1,2.006 C1.552,2.006 2,1.559 2,1.006 C2,0.454 1.552,0.006 1,0.006 L1,0.006 Z M1,4 C0.448,4 0,4.448 0,5 C0,5.552 0.448,6 1,6 C1.552,6 2,5.552 2,5 C2,4.448 1.552,4 1,4 L1,4 Z M4,10 L20,10 L20,8 L4,8 L4,10 Z M4,2 L20,2 L20,0 L4,0 L4,2 Z M4,6 L20,6 L20,4 L4,4 L4,6 Z'
    })
  );
});

/* eslint max-len: 0 */
var quote = (function (props) {
  return React.createElement(
    IconBase$2,
    _extends({ viewBox: '0 0 20 13' }, props),
    React.createElement('path', {
      d: 'M6.32324219,0 L6.32324219,1.00097656 C4.89094336,1.74967822 3.86556299,2.53092041 3.24707031,3.34472656 C2.62857764,4.15853271 2.31933594,5.04556812 2.31933594,6.00585938 C2.31933594,6.57552368 2.40071533,6.96614478 2.56347656,7.17773438 C2.70996167,7.4056001 2.88899634,7.51953125 3.10058594,7.51953125 C3.31217554,7.51953125 3.59700342,7.4584967 3.95507813,7.33642578 C4.31315283,7.21435486 4.63867041,7.15332031 4.93164062,7.15332031 C5.59896167,7.15332031 6.18082434,7.40152747 6.67724609,7.89794922 C7.17366785,8.39437097 7.421875,9.00064746 7.421875,9.71679688 C7.421875,10.4980508 7.12077124,11.1694308 6.51855469,11.730957 C5.91633813,12.2924833 5.16764771,12.5732422 4.27246094,12.5732422 C3.18196069,12.5732422 2.19727002,12.1012417 1.31835938,11.1572266 C0.43944873,10.2132114 0,9.04948608 0,7.66601562 C0,6.03840332 0.541172974,4.52067761 1.62353516,3.11279297 C2.70589734,1.70490833 4.27245068,0.667321045 6.32324219,0 Z M17.96875,0.0732421875 L17.96875,1.00097656 C16.3248616,1.9449917 15.2425156,2.7913374 14.7216797,3.54003906 C14.2008437,4.28874072 13.9404297,5.16763818 13.9404297,6.17675781 C13.9404297,6.63248926 14.029947,6.97428271 14.2089844,7.20214844 C14.3880217,7.43001416 14.5751943,7.54394531 14.7705078,7.54394531 C14.9495452,7.54394531 15.2180972,7.4788418 15.5761719,7.34863281 C15.9342466,7.21842383 16.2923159,7.15332031 16.6503906,7.15332031 C17.3177117,7.15332031 17.8995743,7.39338953 18.3959961,7.87353516 C18.8924178,8.35368079 19.140625,8.9436814 19.140625,9.64355469 C19.140625,10.4410847 18.8273143,11.1328096 18.2006836,11.71875 C17.5740529,12.3046904 16.8050176,12.5976562 15.8935547,12.5976562 C14.8193306,12.5976562 13.8509158,12.1337937 12.9882812,11.2060547 C12.1256467,10.2783157 11.6943359,9.12272827 11.6943359,7.73925781 C11.6943359,6.03026489 12.2395779,4.47184949 13.3300781,3.06396484 C14.4205784,1.6560802 15.9667869,0.659182617 17.96875,0.0732421875 Z'
    })
  );
});

/* eslint max-len: 0 */
var h2 = (function (props) {
  return React.createElement(
    IconBase$2,
    _extends({ viewBox: '0 0 23 15' }, props),
    React.createElement('path', {
      d: 'M10.68,0.36 C10.7866672,0.4666672 10.84,0.5933326 10.84,0.74 L10.84,13.66 C10.84,13.8066674 10.7866672,13.9333328 10.68,14.04 C10.5733328,14.1466672 10.4466674,14.2 10.3,14.2 L9.48,14.2 C9.3333326,14.2 9.2066672,14.1466672 9.1,14.04 C8.9933328,13.9333328 8.94,13.8066674 8.94,13.66 L8.94,8.02 L1.9,8.02 L1.9,13.66 C1.9,13.8066674 1.8466672,13.9333328 1.74,14.04 C1.6333328,14.1466672 1.5066674,14.2 1.36,14.2 L0.54,14.2 C0.3933326,14.2 0.2666672,14.1500005 0.16,14.05 C0.0533328,13.9499995 0,13.8200008 0,13.66 L0,0.74 C0,0.5933326 0.0533328,0.4666672 0.16,0.36 C0.2666672,0.2533328 0.3933326,0.2 0.54,0.2 L1.36,0.2 C1.5066674,0.2 1.6333328,0.2533328 1.74,0.36 C1.8466672,0.4666672 1.9,0.5933326 1.9,0.74 L1.9,6.22 L8.94,6.22 L8.94,0.74 C8.94,0.5933326 8.9933328,0.4666672 9.1,0.36 C9.2066672,0.2533328 9.3333326,0.2 9.48,0.2 L10.3,0.2 C10.4466674,0.2 10.5733328,0.2533328 10.68,0.36 Z M20.115,5.7 C20.3016676,5.3266648 20.395,4.8533362 20.395,4.28 C20.395,3.5333296 20.1816688,2.9333356 19.755,2.48 C19.3283312,2.0266644 18.681671,1.8 17.815,1.8 C16.9616624,1.8 16.3216688,2.0233311 15.895,2.47 C15.4683312,2.9166689 15.1616676,3.5199962 14.975,4.28 C14.9349998,4.4266674 14.8683338,4.5399996 14.775,4.62 C14.6816662,4.7000004 14.5750006,4.74 14.455,4.74 L13.535,4.74 C13.4149994,4.74 13.3116671,4.6966671 13.225,4.61 C13.1383329,4.5233329 13.095,4.4200006 13.095,4.3 C13.1216668,3.6199966 13.3249981,2.94667 13.705,2.28 C14.0850019,1.61333 14.6283298,1.0666688 15.335,0.64 C16.0416702,0.2133312 16.8683286,0 17.815,0 C18.7616714,0 19.5716633,0.1899981 20.245,0.57 C20.9183367,0.9500019 21.4283316,1.4633301 21.775,2.11 C22.1216684,2.7566699 22.295,3.479996 22.295,4.28 C22.295,5.1200042 22.1516681,5.8366637 21.865,6.43 C21.5783319,7.0233363 21.0883368,7.6266636 20.395,8.24 L15.935,12.4 L22.055,12.4 C22.2016674,12.4 22.3283328,12.4533328 22.435,12.56 C22.5416672,12.6666672 22.595,12.7933326 22.595,12.94 L22.595,13.66 C22.595,13.8066674 22.5416672,13.9333328 22.435,14.04 C22.3283328,14.1466672 22.2016674,14.2 22.055,14.2 L13.435,14.2 C13.2883326,14.2 13.1616672,14.1466672 13.055,14.04 C12.9483328,13.9333328 12.895,13.8066674 12.895,13.66 L12.895,12.94 C12.895,12.7933326 12.9249997,12.6700005 12.985,12.57 C13.0450003,12.4699995 13.1616658,12.3400008 13.335,12.18 L19.195,6.84 C19.6216688,6.4533314 19.9283324,6.0733352 20.115,5.7 Z'
    })
  );
});

/* eslint max-len: 0 */
var h3 = (function (props) {
  return React.createElement(
    IconBase$2,
    _extends({ viewBox: '0 0 24 15' }, props),
    React.createElement('path', {
      d: 'M0.88,13.87 C0.7999996,13.7833329 0.76,13.673334 0.76,13.54 L0.76,0.48 C0.76,0.3333326 0.7999996,0.2166671 0.88,0.13 C0.9600004,0.0433329 1.066666,0 1.2,0 L2.16,0 C2.3066674,0 2.4233329,0.0433329 2.51,0.13 C2.5966671,0.2166671 2.64,0.3333326 2.64,0.48 L2.64,6.04 L9.6,6.04 L9.6,0.48 C9.6,0.3333326 9.6433329,0.2166671 9.73,0.13 C9.8166671,0.0433329 9.926666,0 10.06,0 L11.02,0 C11.1666674,0 11.2833329,0.0433329 11.37,0.13 C11.4566671,0.2166671 11.5,0.3333326 11.5,0.48 L11.5,13.54 C11.5,13.673334 11.4533338,13.7833329 11.36,13.87 C11.2666662,13.9566671 11.153334,14 11.02,14 L10.06,14 C9.926666,14 9.8166671,13.9566671 9.73,13.87 C9.6433329,13.7833329 9.6,13.673334 9.6,13.54 L9.6,7.78 L2.64,7.78 L2.64,13.54 C2.64,13.673334 2.5933338,13.7833329 2.5,13.87 C2.4066662,13.9566671 2.293334,14 2.16,14 L1.2,14 C1.066666,14 0.9600004,13.9566671 0.88,13.87 Z M15.835,13.69 C15.0749962,13.3499983 14.4983353,12.9066694 14.105,12.36 C13.7116647,11.8133306 13.5016668,11.2466696 13.475,10.66 C13.475,10.5399994 13.5149996,10.4433337 13.595,10.37 C13.6750004,10.2966663 13.7749994,10.26 13.895,10.26 L14.795,10.26 C14.9416674,10.26 15.0616662,10.2899997 15.155,10.35 C15.2483338,10.4100003 15.3216664,10.5266658 15.375,10.7 C15.5483342,11.3800034 15.9249971,11.8599986 16.505,12.14 C17.0850029,12.4200014 17.7683294,12.56 18.555,12.56 C19.5150048,12.56 20.2783305,12.3300023 20.845,11.87 C21.4116695,11.4099977 21.695,10.7533376 21.695,9.9 C21.695,8.2733252 20.7016766,7.46 18.715,7.46 L16.835,7.46 C16.701666,7.46 16.5916671,7.4166671 16.505,7.33 C16.4183329,7.2433329 16.375,7.133334 16.375,7 L16.375,6.48 C16.375,6.279999 16.4483326,6.1066674 16.595,5.96 L20.495,1.64 L14.575,1.64 C14.441666,1.64 14.3316671,1.6000004 14.245,1.52 C14.1583329,1.4399996 14.115,1.333334 14.115,1.2 L14.115,0.48 C14.115,0.3333326 14.1583329,0.2166671 14.245,0.13 C14.3316671,0.0433329 14.441666,0 14.575,0 L22.495,0 C22.6416674,0 22.7583329,0.0433329 22.845,0.13 C22.9316671,0.2166671 22.975,0.3333326 22.975,0.48 L22.975,1.14 C22.975,1.2866674 22.908334,1.4399992 22.775,1.6 L18.875,5.98 L19.195,5.98 C20.5550068,6.0200002 21.6316627,6.37333 22.425,7.04 C23.2183373,7.70667 23.615,8.6799936 23.615,9.96 C23.615,10.8400044 23.3983355,11.5966635 22.965,12.23 C22.5316645,12.8633365 21.9283372,13.3499983 21.155,13.69 C20.3816628,14.0300017 19.5083382,14.2 18.535,14.2 C17.4949948,14.2 16.5950038,14.0300017 15.835,13.69 Z'
    })
  );
});

/* eslint max-len: 0 */
var voteTo = (function (props) {
  return React.createElement(
    IconBase$2,
    _extends({ viewBox: '0 0 46 30' }, props),
    React.createElement(
      'g',
      null,
      React.createElement('rect', { fill: '#D8D8D8', x: '4', y: '0', width: '42', height: '30', rx: '2' }),
      React.createElement('path', {
        d: 'M14.8031339,11.6780479 L16.2274627,13.1620064 C16.5320996,13.4814279 16.3041263,13.9981098 15.8612932,13.9981098 L0.834220902,13.9981098 C0.277401146,13.9981098 0,14.4477032 0,15.0004326 L0,14.9924221 C0,15.5451515 0.277401146,16.0007528 0.834220902,16.0007528 L15.8461622,16.0007528 C16.2910128,16.0007528 16.5179773,16.5404651 16.2093055,16.857884 L14.7930466,18.3178108 C14.4097286,18.7163367 14.4268771,19.3521759 14.8333958,19.7286728 L14.8354133,19.7326781 C15.2368884,20.1051697 15.8663368,20.0861446 16.2446111,19.6896213 L19.4493509,16.3472101 C20.1867336,15.5721872 20.1826987,14.3605882 19.4422898,13.5895707 L16.2657945,10.3072388 C15.8885289,9.91472073 15.2641242,9.89569562 14.8636578,10.2651833 L14.8535705,10.2751965 C14.4480604,10.6486894 14.4258683,11.2775193 14.8031339,11.6780479',
        fill: '#000000'
      })
    )
  );
});

/* eslint max-len: 0 */
var voteFrom = (function (props) {
  return React.createElement(
    IconBase$2,
    _extends({ viewBox: '0 0 48 30' }, props),
    React.createElement(
      'g',
      null,
      React.createElement('rect', { fill: '#D8D8D8', x: '0', y: '0', width: '42', height: '30', rx: '2' }),
      React.createElement('path', {
        d: 'M42.8031339,11.6780479 L44.2274627,13.1620064 C44.5320996,13.4814279 44.3041263,13.9981098 43.8612932,13.9981098 L28.8342209,13.9981098 C28.2774011,13.9981098 28,14.4477032 28,15.0004326 L28,14.9924221 C28,15.5451515 28.2774011,16.0007528 28.8342209,16.0007528 L43.8461622,16.0007528 C44.2910128,16.0007528 44.5179773,16.5404651 44.2093055,16.857884 L42.7930466,18.3178108 C42.4097286,18.7163367 42.4268771,19.3521759 42.8333958,19.7286728 L42.8354133,19.7326781 C43.2368884,20.1051697 43.8663368,20.0861446 44.2446111,19.6896213 L47.4493509,16.3472101 C48.1867336,15.5721872 48.1826987,14.3605882 47.4422898,13.5895707 L44.2657945,10.3072388 C43.8885289,9.91472073 43.2641242,9.89569562 42.8636578,10.2651833 L42.8535705,10.2751965 C42.4480604,10.6486894 42.4258683,11.2775193 42.8031339,11.6780479',
        fill: '#000000'
      })
    )
  );
});



var index$1 = Object.freeze({
	Youtube: Youtube,
	Facebook: Facebook,
	Instagram: instagram,
	Snapchat: snapchat,
	Twitter: Twitter,
	Whatsapp: Whatsapp,
	GooglePlus: GooglePlus,
	Mail: mail,
	VKontakte: vkontakte,
	ArrowRight: arrowRight,
	ArrowLeft: arrowLeft,
	ArrowUp: arrowUp,
	ArrowDown: arrowDown,
	ArrowCornerRight: arrowCornerRight,
	ChevronRight: chevronRight,
	ChevronLeft: chevronLeft,
	ChevronUp: chevronUp,
	ChevronDown: ChevronDown,
	SmallArrowUp: smallArrowUp,
	SmallArrowDown: smallArrowDown,
	ToggleLeft: toggleLeft,
	ToggleCenter: toggleCenter,
	ToggleRight: toggleRight,
	Heart: heart,
	List: list,
	Plus: plus,
	Close: CloseIcon,
	Trophy: trophy,
	Image: image,
	Gallery: gallery,
	Video: video,
	Bin: bin,
	Calendar: calendar,
	CloudUp: cloudUp,
	Globe: globe,
	MagnifyingGlass: magnifyingGlass,
	Script: script,
	Note: note,
	Bookmark: bookmark,
	Handle: handle,
	BlockStyleDefault: blockStyleDefault,
	BlockStyleBig: blockStyleBig,
	Link: link,
	Bold: bold,
	Italic: italic,
	Selection: selection,
	Underline: underline,
	UnorderedList: unorderedList,
	Quote: quote,
	H2: h2,
	H3: h3,
	VoteTo: voteTo,
	VoteFrom: voteFrom
});

var Base = styled.span.withConfig({
  displayName: 'base',
  componentId: 'hhid2v-0'
})([['{display:block;font-family:', function (props) {
  return props.theme.font.base;
}, ';font-weight:300;color:', function (props) {
  return props.theme.colors.black;
}, ';background:', function (props) {
  return props.theme.colors.blank;
}, ';padding:0.9em 1.25em 1em 1.25em;border:1px solid transparent;border-radius:3px;box-shadow:0px 2px 0px 0px rgba(0,0,0,0.16);margin:1em 0;}']]);

var info = styled(Base).withConfig({
  displayName: 'info',
  componentId: 's6dftfj-0'
})([['{color:', function (props) {
  return props.theme.color.black;
}, ';background:', function (props) {
  return props.theme.color.info;
}, ';}']]);

var blank = styled(Base).withConfig({
  displayName: 'blank',
  componentId: 's150i7yz-0'
})([['{background:', function (props) {
  return props.theme.colors.blank;
}, ';color:', function (props) {
  return props.theme.colors.black;
}, ';border-color:', function (props) {
  return props.theme.colors.light;
}, ';}']]);

var warning = styled(Base).withConfig({
  displayName: 'warning',
  componentId: 's1chrh0i-0'
})([['{background:', function (props) {
  return props.theme.colors.warning;
}, ';color:', function (props) {
  return props.theme.colors.blank;
}, ';}']]);

var success = styled(Base).withConfig({
  displayName: 'success',
  componentId: 's1653sbt-0'
})([['{background:', function (props) {
  return props.theme.colors.success;
}, ';color:', function (props) {
  return props.theme.colors.blank;
}, ';}']]);



var index$2 = Object.freeze({
	Info: info,
	Blank: blank,
	Warning: warning,
	Success: success
});

var theme = {
  font: {
    header: 'Montserrat, sans-serif',
    body: 'Rubik, sans-serif'
  },

  color: {
    black: '#4A4A4A',
    white: '#FFFFFF',
    blue: {
      pale: '#EFF1F9',
      dim: '#C9CFE5',
      medium: '#6073C5',
      dark: '#414F8D'
    },
    grey: {
      pale: '#F0F1F2',
      dim: '#E8EAEC',
      regular: '#9B9B9B'
    },
    red: '#E34C4C',
    yellow: '#F7B422',
    green: '#56BD5B',

    // Purpose
    info: '#d1ecf1'
  },

  fontSize: [0, 14, 16, 18, 24, 30],

  spacing: [0, 5, 10, 15, 20, 25, 30, 35, 40, 50, 100],

  breakpoint: {
    extraSmall: 320,
    small: 576,
    medium: 768,
    large: 992,
    extraLarge: 1200
  },

  grid: {
    container: {
      extraSmall: 320,
      small: 576,
      medium: 768,
      large: 992,
      extraLarge: 1600
    },
    gutter: {
      extraSmall: 24,
      small: 24,
      medium: 24,
      large: 24,
      extraLarge: 24
    },
    offset: {
      extraSmall: 54,
      small: 54,
      medium: 54,
      large: 54,
      extraLarge: 54
    }
  }
};

var media = Object.keys(theme.breakpoint).reduce(function (acc, label) {
  acc[label] = function () {
    return css([['@media (min-width:', theme.breakpoint[label] / 16, 'em){'], ['{', css.apply(undefined, arguments), ';}}']]);
  };

  return acc;
}, {});

//      

// @private
//      

/**
 * Check if a string ends with something
 * @private
 */
var endsWith = function (string, suffix) {
  return string.substr(-suffix.length) === suffix;
};

//      

/**
 * Strip the unit from a given CSS value, returning just the number. (or the original value if an invalid string was passed)
 *
 * @example
 * // Styles as object usage
 * const styles = {
 *   '--dimension': stripUnit('100px')
 * }
 *
 * // styled-components usage
 * const div = styled.div`
 *   --dimension: ${stripUnit('100px')}
 * `
 *
 * // CSS in JS Output
 *
 * element {
 *   '--dimension': 100
 * }
 */

function stripUnit(value) {
  var unitlessValue = parseFloat(value);
  if (isNaN(unitlessValue)) return value;
  return unitlessValue;
}

//      

/**
 * Factory function that creates pixel-to-x converters
 * @private
 */
var pxtoFactory$1 = function pxtoFactory$1(to) {
  return function (pxval) {
    var base = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '16px';

    var newPxval = pxval;
    var newBase = base;
    if (typeof pxval === 'string') {
      if (!endsWith(pxval, 'px')) {
        throw new Error('Expected a string ending in "px" or a number passed as the first argument to ' + to + '(), got "' + pxval + '" instead.');
      }
      newPxval = stripUnit(pxval);
    }

    if (typeof base === 'string') {
      if (!endsWith(base, 'px')) {
        throw new Error('Expected a string ending in "px" or a number passed as the second argument to ' + to + '(), got "' + base + '" instead.');
      }
      newBase = stripUnit(base);
    }

    if (typeof newPxval === 'string') {
      throw new Error('Passed invalid pixel value ("' + pxval + '") to ' + to + '(), please pass a value like "12px" or 12.');
    }

    if (typeof newBase === 'string') {
      throw new Error('Passed invalid base value ("' + base + '") to ' + to + '(), please pass a value like "12px" or 12.');
    }

    return '' + newPxval / newBase + to;
  };
};

//      
/**
 * Convert pixel value to ems. The default base value is 16px, but can be changed by passing a
 * second argument to the function.
 * @function
 * @param {string|number} pxval
 * @param {string|number} [base='16px']
 * @example
 * // Styles as object usage
 * const styles = {
 *   'height': em('16px')
 * }
 *
 * // styled-components usage
 * const div = styled.div`
 *   height: ${em('16px')}
 * `
 *
 * // CSS in JS Output
 *
 * element {
 *   'height': '1em'
 * }
 */

// Don’t inline this variable into export because Rollup will remove the /*#__PURE__*/ comment
var em = /* #__PURE__*/pxtoFactory$1('em'); // eslint-disable-line spaced-comment

//      

/**
 * Convert pixel value to rems. The default base value is 16px, but can be changed by passing a
 * second argument to the function.
 * @function
 * @param {string|number} pxval
 * @param {string|number} [base='16px']
 * @example
 * // Styles as object usage
 * const styles = {
 *   'height': rem('16px')
 * }
 *
 * // styled-components usage
 * const div = styled.div`
 *   height: ${rem('16px')}
 * `
 *
 * // CSS in JS Output
 *
 * element {
 *   'height': '1rem'
 * }
 */

// Don’t inline this variable into export because Rollup will remove the /*#__PURE__*/ comment
var rem = /*#__PURE__*/pxtoFactory$1('rem'); // eslint-disable-line spaced-comment

var defineProperty$1 = function (obj, key, value) {
  if (key in obj) {
    Object.defineProperty(obj, key, {
      value: value,
      enumerable: true,
      configurable: true,
      writable: true
    });
  } else {
    obj[key] = value;
  }

  return obj;
};

var taggedTemplateLiteral$1 = function (strings, raw) {
  return Object.freeze(Object.defineProperties(strings, {
    raw: {
      value: Object.freeze(raw)
    }
  }));
};

var _opinionatedRules;
var _unopinionatedRules;

//      
var opinionatedRules = (_opinionatedRules = {
  html: {
    fontFamily: 'sans-serif'
  },

  body: {
    margin: '0'
  }

}, defineProperty$1(_opinionatedRules, 'a:active,\n  a:hover', {
  outlineWidth: '0'
}), defineProperty$1(_opinionatedRules, 'button,\n  input,\n  optgroup,\n  select,\n  textarea', {
  fontFamily: 'sans-serif',
  fontSize: '100%',
  lineHeight: '1.15'
}), _opinionatedRules);

var unopinionatedRules = (_unopinionatedRules = {
  html: {
    lineHeight: '1.15',
    textSizeAdjust: '100%'
  }

}, defineProperty$1(_unopinionatedRules, 'article,\n  aside,\n  footer,\n  header,\n  nav,\n  section', {
  display: 'block'
}), defineProperty$1(_unopinionatedRules, 'h1', {
  fontSize: '2em',
  margin: '0.67em 0'
}), defineProperty$1(_unopinionatedRules, 'figcaption,\n  figure,\n  main', {
  display: 'block'
}), defineProperty$1(_unopinionatedRules, 'figure', {
  margin: '1em 40px'
}), defineProperty$1(_unopinionatedRules, 'hr', {
  boxSizing: 'content-box',
  height: '0',
  overflow: 'visible'
}), defineProperty$1(_unopinionatedRules, 'pre', {
  fontFamily: 'monospace, monospace',
  fontSize: '1em'
}), defineProperty$1(_unopinionatedRules, 'a', {
  'background-color': 'transparent',
  '-webkit-text-decoration-skip': 'objects'
}), defineProperty$1(_unopinionatedRules, 'abbr[title]', defineProperty$1({
  borderBottom: 'none',
  textDecoration: 'underline'
}, 'textDecoration', 'underline dotted')), defineProperty$1(_unopinionatedRules, 'b,\n  strong', {
  fontWeight: 'inherit'
}), defineProperty$1(_unopinionatedRules, 'code,\n  kbd,\n  samp', {
  fontFamily: 'monospace, monospace',
  fontSize: '1em'
}), defineProperty$1(_unopinionatedRules, 'dfn', {
  fontStyle: 'italic'
}), defineProperty$1(_unopinionatedRules, 'mark', {
  backgroundColor: '#ff0',
  color: '#000'
}), defineProperty$1(_unopinionatedRules, 'small', {
  fontSize: '80%'
}), defineProperty$1(_unopinionatedRules, 'sub,\n  sup', {
  fontSize: '75%',
  lineHeight: '0',
  position: 'relative',
  verticalAlign: 'baseline'
}), defineProperty$1(_unopinionatedRules, 'sub', {
  bottom: '-0.25em'
}), defineProperty$1(_unopinionatedRules, 'sup', {
  top: '-0.5em'
}), defineProperty$1(_unopinionatedRules, 'audio,\n  video', {
  display: 'inline-block'
}), defineProperty$1(_unopinionatedRules, 'audio:not([controls])', {
  display: 'none',
  height: '0'
}), defineProperty$1(_unopinionatedRules, 'img', {
  borderStyle: 'none'
}), defineProperty$1(_unopinionatedRules, 'svg:not(:root)', {
  overflow: 'hidden'
}), defineProperty$1(_unopinionatedRules, 'button,\n  input,\n  optgroup,\n  select,\n  textarea', {
  margin: '0'
}), defineProperty$1(_unopinionatedRules, 'button,\n  input', {
  overflow: 'visible'
}), defineProperty$1(_unopinionatedRules, 'button,\n  select', {
  textTransform: 'none'
}), defineProperty$1(_unopinionatedRules, 'button,\n  html [type="button"],\n  [type="reset"],\n  [type="submit"]', {
  '-webkit-appearance': 'button'
}), defineProperty$1(_unopinionatedRules, 'button::-moz-focus-inner,\n  [type="button"]::-moz-focus-inner,\n  [type="reset"]::-moz-focus-inner,\n  [type="submit"]::-moz-focus-inner', {
  borderStyle: 'none',
  padding: '0'
}), defineProperty$1(_unopinionatedRules, 'button:-moz-focusring,\n  [type="button"]:-moz-focusring,\n  [type="reset"]:-moz-focusring,\n  [type="submit"]:-moz-focusring', {
  outline: '1px dotted ButtonText'
}), defineProperty$1(_unopinionatedRules, 'fieldset', {
  border: '1px solid #c0c0c0',
  margin: '0 2px',
  padding: '0.35em 0.625em 0.75em'
}), defineProperty$1(_unopinionatedRules, 'legend', {
  boxSizing: 'border-box',
  color: 'inherit',
  display: 'table',
  maxWidth: '100%',
  padding: '0',
  whiteSpace: 'normal'
}), defineProperty$1(_unopinionatedRules, 'progress', {
  display: 'inline-block',
  verticalAlign: 'baseline'
}), defineProperty$1(_unopinionatedRules, 'textarea', {
  overflow: 'auto'
}), defineProperty$1(_unopinionatedRules, '[type="checkbox"],\n  [type="radio"]', {
  boxSizing: 'border-box',
  padding: '0'
}), defineProperty$1(_unopinionatedRules, '[type="number"]::-webkit-inner-spin-button,\n  [type="number"]::-webkit-outer-spin-button', {
  height: 'auto'
}), defineProperty$1(_unopinionatedRules, '[type="search"]', {
  '-webkit-appearance': 'textfield',
  outlineOffset: '-2px'
}), defineProperty$1(_unopinionatedRules, '[type="search"]::-webkit-search-cancel-button,\n  [type="search"]::-webkit-search-decoration', {
  '-webkit-appearance': 'none'
}), defineProperty$1(_unopinionatedRules, '::-webkit-file-upload-button', {
  '-webkit-appearance': 'button',
  font: 'inherit'
}), defineProperty$1(_unopinionatedRules, 'details,\n  menu', {
  display: 'block'
}), defineProperty$1(_unopinionatedRules, 'summary', {
  display: 'list-item'
}), defineProperty$1(_unopinionatedRules, 'canvas', {
  display: 'inline-block'
}), defineProperty$1(_unopinionatedRules, 'template', {
  display: 'none'
}), defineProperty$1(_unopinionatedRules, '[hidden]', {
  display: 'none'
}), _unopinionatedRules);

var _templateObject = taggedTemplateLiteral$1(['radial-gradient(', '', '', '', ')'], ['radial-gradient(', '', '', '', ')']);

/**
 * Return a media query for a certain breakpoint.
 *
 * @param {number} breakpoint
 */
var mq = function mq(breakpoint) {
  return '@media screen and (min-width: ' + em(breakpoint) + ')';
};

/**
 * Return a factory to create a CSS declaration for a property.
 *
 * @param {string} property
 */


/**
 * Merge two objects together.
 *
 * @param {object} a
 * @param {object} b 
 * @return {object}
 */
var merge = function merge(a, b) {
  return _extends({}, a, b);
};

/**
 * Create a method for adding a declaration for a breakpoint.
 *
 * @param {array} breakpoints
 */
var media$1 = function media(breakpoints) {
  return function (declaration, i) {
    return defineProperty({}, mq(breakpoints[i]), declaration);
  };
};

/**
 * Grab a value from the scale by it's index.
 *
 * @param {array} scale
 */
var scale = function scale(_scale) {
  return function (value) {
    return value ? _scale[value] : null;
  };
};

var expression = /^[m][trblxy]?$/;

var directions = {
  t: ['Top'],
  r: ['Right'],
  b: ['Bottom'],
  l: ['Left'],
  x: ['Left', 'Right'],
  y: ['Top', 'Bottom']
};

/**
 * Get the CSS property of the key.
 *
 * @param {string} key
 */
var getProperties = function getProperties(key) {
  var dirs = directions[key[1]] || [''];
  return dirs.map(function (direction) {
    return 'margin' + direction;
  });
};

var margin = (function () {
  return function (props) {
    var _props$theme = props.theme,
        spacing = _props$theme.spacing,
        breakpoint = _props$theme.breakpoint;

    var keys = Object.keys(props).filter(function (key) {
      return expression.test(key);
    });

    return keys.map(function (key) {
      var value = props[key];
      var properties = getProperties(key);

      if (Array.isArray(value)) {
        return value.map(scale(spacing)).map(function (size$$1) {
          return rem(size$$1);
        }).map(function (size$$1) {
          return properties.map(function (property) {
            return defineProperty({}, property, size$$1);
          }).reduce(merge, {});
        }).map(media$1(Object.values(breakpoint))).reduce(function (a, b) {
          return _extends({}, a, b);
        });
      }

      return properties.map(function (property) {
        return defineProperty({}, property, rem(spacing[parseInt(value, 0)]));
      }).reduce(merge, {});
    }).reduce(merge, {});
  };
});

var expression$1 = /^[p][trblxy]?$/;

var directions$1 = {
  t: ['Top'],
  r: ['Right'],
  b: ['Bottom'],
  l: ['Left'],
  x: ['Left', 'Right'],
  y: ['Top', 'Bottom']
};

/**
 * Get the CSS property of the key.
 *
 * @param {string} key
 */
var getProperties$1 = function getProperties(key) {
  var dirs = directions$1[key[1]] || [''];
  return dirs.map(function (direction) {
    return 'padding' + direction;
  });
};

var padding$1 = (function () {
  return function (props) {
    var _props$theme = props.theme,
        spacing = _props$theme.spacing,
        breakpoint = _props$theme.breakpoint;

    var keys = Object.keys(props).filter(function (key) {
      return expression$1.test(key);
    });

    return keys.map(function (key) {
      var value = props[key];
      var properties = getProperties$1(key);

      if (Array.isArray(value)) {
        return value.map(scale(spacing)).map(function (size$$1) {
          return rem(size$$1);
        }).map(function (size$$1) {
          return properties.map(function (property) {
            return defineProperty({}, property, size$$1);
          }).reduce(merge, {});
        }).map(media$1(Object.values(breakpoint))).reduce(function (a, b) {
          return _extends({}, a, b);
        });
      }

      return properties.map(function (property) {
        return defineProperty({}, property, rem(spacing[parseInt(value, 0)]));
      }).reduce(merge, {});
    }).reduce(merge, {});
  };
});

var fontSize = (function (fallback) {
  return function (props) {
    var value = props.fontSize || fallback || 1;
    var _props$theme = props.theme,
        fontSize = _props$theme.fontSize,
        breakpoint = _props$theme.breakpoint;


    if (Array.isArray(value)) {
      return value.map(scale(fontSize)).map(function (size$$1) {
        return rem(size$$1);
      }).map(function (size$$1) {
        return { fontSize: size$$1 };
      }).map(media$1(Object.values(breakpoint))).reduce(merge, {});
    }

    return { fontSize: rem(fontSize[value]) };
  };
});

var style = css([['{height:2.5rem;display:inline-block;padding:', function (props) {
  return props.square ? '0' : '0 1.5em';
}, ';width:', function (props) {
  return props.square ? '2.5rem' : 'auto';
}, ';border:0;border-radius:3px;border:1px solid transparent;box-shadow:0px 2px 0px 0px rgba(0,0,0,0.16);cursor:pointer;-webkit-transition:background 0.2s ease-in,color 0.2s ease-in;transition:background 0.2s ease-in,color 0.2s ease-in;font-family:', function (props) {
  return props.theme.font.header;
}, ';}']]);

var StyledButton = styled.button.withConfig({
  displayName: 'base__StyledButton',
  componentId: 'ne2f7p-0'
})([['{', style, ';}']]);

var Inner = styled.span.withConfig({
  displayName: 'base__Inner',
  componentId: 'ne2f7p-1'
})([['{', fontSize(1), ';width:100%;height:100%;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:', function (props) {
  return props.justify;
}, ';-webkit-justify-content:', function (props) {
  return props.justify;
}, ';-ms-flex-pack:', function (props) {
  return props.justify;
}, ';justify-content:', function (props) {
  return props.justify;
}, ';-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}'], [' > span ~ .icon{margin-left:1em;}'], [' > .icon ~ span{margin-left:1em;}']]);

/**
 * Button component.
 *
 * @param  {Object} props
 * @return {ReactElement}
 */
var BaseButton = function BaseButton(_ref) {
  var children = _ref.children,
      justify = _ref.justify,
      square = _ref.square,
      other = objectWithoutProperties(_ref, ['children', 'justify', 'square']);
  return React.createElement(
    StyledButton,
    _extends({ square: square }, other),
    React.createElement(
      Inner,
      { justify: justify },
      React.Children.map(children, function (Child) {
        return React.isValidElement(Child) ? cloneElement(Child, { height: Child.props.height || '24' }) : React.createElement(
          'span',
          null,
          Child
        );
      })
    )
  );
};

BaseButton.defaultProps = {
  justify: 'space-between'
};

BaseButton.propTypes = {
  square: PropTypes.bool,
  justify: PropTypes.string,
  children: PropTypes.node.isRequired
};

var link$1 = styled.span.withConfig({
  displayName: 'link',
  componentId: 's1850vqz-0'
})([['{position:relative;display:inline-block;color:', function (props) {
  return props.theme.color.black;
}, ';font-family:', function (props) {
  return props.theme.font.base;
}, ';', fontSize(1), ';}'], [' a{width:100%;height:100%;height:2.5rem;border-radius:3px;padding:0 1.5rem;position:relative;line-height:2.5rem;display:inline-block;}'], [' a:focus,'], [' a:active{outline:0;background:', function (props) {
  return props.theme.color.grey.pale;
}, ';}']]);

var dark = styled(BaseButton).withConfig({
  displayName: 'dark',
  componentId: 's3gs2yy-0'
})([['{background:', function (props) {
  return props.theme.colors.dark;
}, ';color:', function (props) {
  return props.theme.colors.blank;
}, ';}']]);

var blank$1 = styled(BaseButton).withConfig({
  displayName: 'blank',
  componentId: 's18g875l-0'
})([['{color:', function (props) {
  return props.theme.color.black;
}, ';background:', function (props) {
  return props.theme.color.white;
}, ';border-color:', function (props) {
  return props.theme.color.grey.dim;
}, ';}']]);

var circle = styled.button.withConfig({
  displayName: 'circle',
  componentId: 's1i37xu3-0'
})([['{', fontSize(1), ';border-radius:50%;position:relative;padding:0;width:2em;height:2em;border:0;outline:0;}']]);

var primary = styled(BaseButton).withConfig({
  displayName: 'primary',
  componentId: 'nh4am0-0'
})([['{background:', function (props) {
  return props.theme.colors.primary;
}, ';color:', function (props) {
  return props.theme.colors.blank;
}, ';}']]);

var secondary = styled(BaseButton).withConfig({
  displayName: 'secondary',
  componentId: 'k9bp6i-0'
})([['{background:', function (props) {
  return props.theme.colors.secondary;
}, ';color:', function (props) {
  return props.theme.colors.black;
}, ';}']]);

var warning$1 = styled(BaseButton).withConfig({
  displayName: 'warning',
  componentId: 'gbzaw7-0'
})([['{background:', function (props) {
  return props.theme.colors.warning;
}, ';color:', function (props) {
  return props.theme.colors.blank;
}, ';}']]);

var success$1 = styled(BaseButton).withConfig({
  displayName: 'success',
  componentId: 's17y7hd2-0'
})([['{background:', function (props) {
  return props.theme.colors.success;
}, ';color:', function (props) {
  return props.theme.colors.blank;
}, ';}']]);

/* eslint react/jsx-indent: 0 */
var Button = styled(BaseButton).withConfig({
  displayName: 'twitter__Button',
  componentId: 's3dd3xw-0'
})([['{background:#03BBF0;color:', function (props) {
  return props.theme.colors.blank;
}, ';}']]);

var TwitterButton = function TwitterButton(_ref) {
  var children = _ref.children,
      other = objectWithoutProperties(_ref, ['children']);
  return children ? React.createElement(
    Button,
    other,
    React.createElement(Twitter, null),
    children
  ) : React.createElement(
    Button,
    other,
    React.createElement(Twitter, null)
  );
};

TwitterButton.propTypes = {
  children: PropTypes.node
};

/* eslint react/jsx-indent: 0 */
var Button$1 = styled(BaseButton).withConfig({
  displayName: 'youtube__Button',
  componentId: 'qdlog4-0'
})([['{background:#FF001B;color:', function (props) {
  return props.theme.colors.blank;
}, ';}']]);

var YoutubeButton = function YoutubeButton(_ref) {
  var children = _ref.children,
      other = objectWithoutProperties(_ref, ['children']);
  return children ? React.createElement(
    Button$1,
    other,
    React.createElement(Youtube, null),
    children
  ) : React.createElement(
    Button$1,
    other,
    React.createElement(Youtube, null)
  );
};

YoutubeButton.propTypes = {
  children: PropTypes.node
};

/* eslint react/jsx-indent: 0 */
var Button$2 = styled(BaseButton).withConfig({
  displayName: 'facebook__Button',
  componentId: 's1nnyis6-0'
})([['{background:#39579A;color:', function (props) {
  return props.theme.colors.blank;
}, ';}']]);

var FacebookButton = function FacebookButton(_ref) {
  var children = _ref.children,
      other = objectWithoutProperties(_ref, ['children']);
  return children ? React.createElement(
    Button$2,
    other,
    React.createElement(Facebook, null),
    children
  ) : React.createElement(
    Button$2,
    other,
    React.createElement(Facebook, null)
  );
};

FacebookButton.propTypes = {
  children: PropTypes.node
};

/* eslint react/jsx-indent: 0 */
var Button$3 = styled(BaseButton).withConfig({
  displayName: 'whatsapp__Button',
  componentId: 's1802v0n-0'
})([['{background:#67C15E;color:', function (props) {
  return props.theme.colors.blank;
}, ';}']]);

var WhatsappButton = function WhatsappButton(_ref) {
  var children = _ref.children,
      other = objectWithoutProperties(_ref, ['children']);
  return children ? React.createElement(
    Button$3,
    other,
    React.createElement(Whatsapp, null),
    children
  ) : React.createElement(
    Button$3,
    other,
    React.createElement(Whatsapp, null)
  );
};

WhatsappButton.propTypes = {
  children: PropTypes.node
};

/* eslint react/jsx-indent: 0 */
var Button$4 = styled(BaseButton).withConfig({
  displayName: 'google-plus__Button',
  componentId: 'ab4h4c-0'
})([['{background:#F93F2D;color:', function (props) {
  return props.theme.colors.blank;
}, ';}']]);

var GooglePlusButton = function GooglePlusButton(_ref) {
  var children = _ref.children,
      other = objectWithoutProperties(_ref, ['children']);
  return children ? React.createElement(
    Button$4,
    other,
    React.createElement(GooglePlus, null),
    children
  ) : React.createElement(
    Button$4,
    other,
    React.createElement(GooglePlus, null)
  );
};

GooglePlusButton.propTypes = {
  children: PropTypes.node
};



var index$3 = Object.freeze({
	Link: link$1,
	Dark: dark,
	Blank: blank$1,
	Circle: circle,
	Primary: primary,
	Secondary: secondary,
	Warning: warning$1,
	Success: success$1,
	Twitter: TwitterButton,
	Youtube: YoutubeButton,
	Facebook: FacebookButton,
	Whatsapp: WhatsappButton,
	Googleplus: GooglePlusButton
});

var StyledTag = styled.span.withConfig({
  displayName: 'tag__StyledTag',
  componentId: 's10lm7t9-0'
})([['{', fontSize(1), ';font-family:', function (props) {
  return props.theme.font.base;
}, ';font-weight:300;text-decoration:none;background:', function (props) {
  return props.theme.color.black;
}, ';color:', function (props) {
  return props.theme.color.white;
}, ';padding:0 1rem;cursor:pointer;-webkit-transition:all 0.2s ease-in;transition:all 0.2s ease-in;border-radius:3px;box-shadow:0px 2px 0px 0px rgba(0,0,0,0.2);display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:2.5rem;}']]);

var Tag = function Tag(_ref) {
  var children = _ref.children,
      other = objectWithoutProperties(_ref, ['children']);
  return React.createElement(
    StyledTag,
    other,
    React.createElement(
      'span',
      null,
      children
    )
  );
};

Tag.propTypes = {
  children: PropTypes.string.isRequired
};

var Text = styled.span.withConfig({
  displayName: 'text__Text',
  componentId: 's1jz2etq-0'
})([['{', fontSize(1), ';font-weight:300;font-family:', function (props) {
  return props.theme.font.base;
}, ';}']]);

/* eslint max-len: 0 */
var Logo = function Logo(props) {
  return React.createElement(
    'svg',
    _extends({ viewBox: '0 0 129 40' }, props),
    React.createElement('path', { d: 'M109.019911,24.1162217 C107.301303,24.0309719 106.320629,22.0418098 106.446854,20.014759 C106.650757,16.4437395 109.709295,12.8443035 109.709295,12.8443035 C110.427809,13.4789409 112.573641,16.9268217 112.457125,19.5600934 C112.34061,22.1365318 110.738518,24.1919993 109.019911,24.1162217 L109.019911,24.1162217 Z M111.068646,11.6602784 C111.806579,10.8172526 112.311481,10.3341704 112.194965,9.74689399 C112.078449,9.16908978 110.058843,8.76178518 109.165555,9.57639439 C106.592499,7.58723235 107.136239,10.0405322 107.437238,10.4667812 C104.291313,12.6169707 102.17461,18.2908186 103.883508,22.7143361 C105.505019,26.9199929 110.622002,27.535686 113.233897,24.5329985 C115.573922,21.8428936 115.156407,16.8889329 111.068646,11.6602784 L111.068646,11.6602784 Z' }),
    React.createElement('path', { d: 'M22.2448001,38.5044938 L23.1089586,37.4814961 C23.7109567,37.9740506 24.3420837,38.277161 25.1091458,38.277161 C25.7111439,38.277161 26.0704008,38.040356 26.0704008,37.661468 L26.0704008,37.6425236 C26.0704008,37.2825799 25.8373693,37.0931359 24.7207599,36.8184421 C23.3808287,36.4774429 22.5069605,36.1174993 22.5069605,34.8198079 L22.5069605,34.8008635 C22.5069605,33.6168385 23.4876348,32.8401181 24.8469853,32.8401181 C25.8276596,32.8401181 26.6529796,33.1337563 27.3326548,33.6641995 L26.5655927,34.7440303 C25.9733043,34.3461979 25.3907255,34.1093929 24.827566,34.1093929 C24.2644065,34.1093929 23.9731171,34.3556701 23.9731171,34.6777249 L23.9731171,34.6966693 C23.9731171,35.1229183 24.2546969,35.2650013 25.4101448,35.5491673 C26.7694953,35.8901665 27.5268477,36.3637765 27.5268477,37.5004405 L27.5268477,37.5193849 C27.5268477,38.8170764 26.5170445,39.5464358 25.0800168,39.5464358 C24.0702136,39.5464358 23.0409911,39.1959644 22.2448001,38.5044938 L22.2448001,38.5044938 Z' }),
    React.createElement('path', { d: 'M34.5372125,36.2122213 L34.5372125,36.1932769 C34.5372125,35.0755573 33.7021829,34.1472817 32.517606,34.1472817 C31.3330292,34.1472817 30.5077092,35.0566129 30.5077092,36.1743325 L30.5077092,36.1932769 C30.5077092,37.3109965 31.3524485,38.2392722 32.5370253,38.2392722 C33.7216022,38.2392722 34.5372125,37.3299409 34.5372125,36.2122213 L34.5372125,36.2122213 Z M28.9735851,36.2122213 L28.9735851,36.1932769 C28.9735851,34.3367257 30.4688706,32.8211737 32.5370253,32.8211737 C34.5954704,32.8211737 36.0713366,34.3177813 36.0713366,36.1743325 L36.0713366,36.1932769 C36.0713366,38.040356 34.5760511,39.5653802 32.517606,39.5653802 C30.4494513,39.5653802 28.9735851,38.0593004 28.9735851,36.2122213 L28.9735851,36.2122213 Z' }),
    React.createElement('polygon', { points: '37.7608151 32.9348401 39.1201656 32.9348401 42.2466718 36.9415807 42.2466718 32.9348401 43.7031188 32.9348401 43.7031188 39.4517138 42.4505744 39.4517138 39.2172621 35.3028901 39.2172621 39.4517138 37.7608151 39.4517138' }),
    React.createElement('path', { d: 'M45.5770805,36.2122213 L45.5770805,36.1932769 C45.5770805,34.3367257 47.0529468,32.8211737 49.0725533,32.8211737 C50.2765494,32.8211737 51.0047729,33.1337563 51.7038675,33.7115605 L50.7717414,34.8008635 C50.2571301,34.3840867 49.8007768,34.1472817 49.024005,34.1472817 C47.9559439,34.1472817 47.1112047,35.0660851 47.1112047,36.1743325 L47.1112047,36.1932769 C47.1112047,37.3867741 47.9462343,38.2582166 49.1308111,38.2582166 C49.6648417,38.2582166 50.1406144,38.1256058 50.5192906,37.8698564 L50.5192906,36.9321085 L49.0337147,36.9321085 L49.0337147,35.7007225 L51.936899,35.7007225 L51.936899,38.5329104 C51.2475141,39.0917702 50.3056784,39.5653802 49.0822629,39.5653802 C47.0043986,39.5653802 45.5770805,38.135078 45.5770805,36.2122213 L45.5770805,36.2122213 Z' }),
    React.createElement('path', { d: 'M57.0635923,36.2122213 L57.0635923,36.1932769 C57.0635923,34.3367257 58.50062,32.8211737 60.5493554,32.8211737 C61.8116094,32.8211737 62.5592522,33.2284783 63.1806696,33.8252269 L62.2485435,34.8766411 C61.7339323,34.4219755 61.2096114,34.1472817 60.5396457,34.1472817 C59.4133268,34.1472817 58.6074261,35.0566129 58.6074261,36.1743325 L58.6074261,36.1932769 C58.6074261,37.3109965 59.3939075,38.2392722 60.5396457,38.2392722 C61.3067078,38.2392722 61.7727709,37.945634 62.2970918,37.4720239 L63.2292178,38.4002996 C62.5398329,39.1107146 61.7824805,39.5653802 60.4910975,39.5653802 C58.5297489,39.5653802 57.0635923,38.0782448 57.0635923,36.2122213 L57.0635923,36.2122213 Z' }),
    React.createElement('path', { d: 'M70.0550993,36.2122213 L70.0550993,36.1932769 C70.0550993,35.0755573 69.2200697,34.1472817 68.0354928,34.1472817 C66.850916,34.1472817 66.025596,35.0566129 66.025596,36.1743325 L66.025596,36.1932769 C66.025596,37.3109965 66.8703352,38.2392722 68.0549121,38.2392722 C69.239489,38.2392722 70.0550993,37.3299409 70.0550993,36.2122213 L70.0550993,36.2122213 Z M64.4914719,36.2122213 L64.4914719,36.1932769 C64.4914719,34.3367257 65.9867574,32.8211737 68.0549121,32.8211737 C70.1133572,32.8211737 71.5892234,34.3177813 71.5892234,36.1743325 L71.5892234,36.1932769 C71.5892234,38.040356 70.0939379,39.5653802 68.0354928,39.5653802 C65.9673381,39.5653802 64.4914719,38.0593004 64.4914719,36.2122213 L64.4914719,36.2122213 Z' }),
    React.createElement('polygon', { points: '73.2884116 32.9348401 74.6380524 32.9348401 77.7742682 36.9415807 77.7742682 32.9348401 79.2210056 32.9348401 79.2210056 39.4517138 77.9684612 39.4517138 74.7351489 35.3028901 74.7351489 39.4517138 73.2884116 39.4517138' }),
    React.createElement('polygon', { points: '82.8135748 34.2514759 80.774549 34.2514759 80.774549 32.9348401 86.3090475 32.9348401 86.3090475 34.2514759 84.2797314 34.2514759 84.2797314 39.4517138 82.8135748 39.4517138' }),
    React.createElement('polygon', { points: '88.0082356 32.9348401 93.0475421 32.9348401 93.0475421 34.2041149 89.4743922 34.2041149 89.4743922 35.5302229 92.6203177 35.5302229 92.6203177 36.8089699 89.4743922 36.8089699 89.4743922 38.1729668 93.0960904 38.1729668 93.0960904 39.4517138 88.0082356 39.4517138' }),
    React.createElement('path', { d: 'M94.5136988,38.5044938 L95.3778573,37.4814961 C95.9798554,37.9740506 96.6109824,38.277161 97.3780445,38.277161 C97.9800425,38.277161 98.3392995,38.040356 98.3392995,37.661468 L98.3392995,37.6425236 C98.3392995,37.2825799 98.1159776,37.0931359 96.9993682,36.8184421 C95.6497274,36.4774429 94.7855689,36.1174993 94.7855689,34.8198079 L94.7855689,34.8008635 C94.7855689,33.6168385 95.7565335,32.8401181 97.115884,32.8401181 C98.0965583,32.8401181 98.9218783,33.1337563 99.6015535,33.6641995 L98.8344914,34.7440303 C98.242203,34.3461979 97.6596242,34.1093929 97.0964647,34.1093929 C96.5333052,34.1093929 96.2420158,34.3556701 96.2420158,34.6777249 L96.2420158,34.6966693 C96.2420158,35.1229183 96.5235956,35.2650013 97.6790435,35.5491673 C99.038394,35.8901665 99.8054561,36.3637765 99.8054561,37.5004405 L99.8054561,37.5193849 C99.8054561,38.8170764 98.7859432,39.5464358 97.3489155,39.5464358 C96.3391123,39.5464358 95.3195994,39.1959644 94.5136988,38.5044938 L94.5136988,38.5044938 Z' }),
    React.createElement('polygon', { points: '103.058188 34.2514759 101.019162 34.2514759 101.019162 32.9348401 106.56337 32.9348401 106.56337 34.2514759 104.524344 34.2514759 104.524344 39.4517138 103.058188 39.4517138' }),
    React.createElement('path', { d: 'M12.6322501,2.94585426 C6.70936571,2.52907745 0.16506399,7.42620495 0.417514798,13.6304961 C0.446643738,14.2177725 0.961255001,14.7671601 1.69918813,14.7671601 C2.6118949,14.7671601 5.30146697,14.6629659 5.30146697,14.6629659 C5.30146697,14.6629659 0,18.736012 0,23.5100009 C0,26.0201339 1.94192929,29.0322936 5.98114223,29.0322936 C11.6418661,29.0322936 15.8558527,24.5140541 15.846143,20.6872852 C15.846143,20.393647 15.5063054,19.9863424 14.9528556,20.6399242 C14.0789874,21.672394 9.36980884,26.3895497 4.71888819,26.3895497 C3.1556351,26.3895497 1.80599424,25.5275795 1.80599424,23.7089171 C1.80599424,21.3219226 5.67043354,16.6900167 12.3215414,14.8618821 C13.952762,14.3977443 14.088697,12.1812494 12.0205423,12.0865274 C9.98151657,11.9823332 2.96144217,12.7495815 2.44683091,12.7495815 C1.94192929,12.7495815 1.89338106,12.6359151 2.07786434,12.1812494 C2.31089586,11.5845008 4.89366182,7.17992774 12.6322501,6.35584633 C15.244145,6.15693012 14.9722749,3.11635386 12.6322501,2.94585426 L12.6322501,2.94585426 Z' }),
    React.createElement('path', { d: 'M21.011675,10.2962816 C21.011675,8.89439598 18.7396177,7.88087056 17.8754592,10.0026434 C16.2248193,14.0851617 15.7199176,26.4274385 21.2544161,26.4274385 C23.6818277,26.4274385 26.7889146,21.2650894 26.7889146,16.1879901 C26.7889146,12.0107498 25.0314686,9.28275619 24.662502,8.78072958 C24.2838258,8.28817517 23.7789242,8.55339677 23.8468917,9.47220019 C23.9148593,10.4004758 24.1867294,18.925456 21.4486091,22.0228654 C20.3708383,23.1690017 19.5746473,21.9755044 19.4581315,20.8293682 C19.1280035,17.5046259 21.011675,12.4748876 21.011675,10.2962816 L21.011675,10.2962816 Z' }),
    React.createElement('path', { d: 'M46.305304,23.5857785 C44.7517606,23.5857785 43.8876021,21.625033 43.8876021,19.5032602 C43.8876021,15.7522689 46.6548513,12.3422768 46.6548513,12.3422768 C47.4122037,13.2894969 49.2376173,15.9606573 49.2376173,18.6602344 C49.2376173,21.3598114 47.8588475,23.5857785 46.305304,23.5857785 L46.305304,23.5857785 Z M47.5481388,11.167724 C47.5481388,11.167724 48.392878,10.0689488 47.8588475,9.40589479 C47.266559,8.66706317 45.3634683,8.43973037 43.5768934,10.3815314 C41.2271589,12.9484977 39.6250672,18.3002908 41.4019326,22.8469469 C43.091411,27.1662701 47.8685571,27.5451582 50.0726469,24.2583047 C52.0339954,21.3219226 51.5193842,16.4247951 47.5481388,11.167724 L47.5481388,11.167724 Z' }),
    React.createElement('path', { d: 'M31.9350272,15.5912415 C32.0709623,13.9051899 32.2068973,12.1528328 32.2068973,12.1528328 C32.2068973,12.1528328 36.0713366,11.1866684 37.4015582,11.3192792 C38.5472965,11.4424178 38.7900377,11.9160278 38.1977492,12.8064147 C36.8189794,14.8997709 33.643925,15.6196581 31.9350272,15.5912415 L31.9350272,15.5912415 Z M40.236775,26.7873821 C38.5861351,24.5519429 36.5082707,20.06212 33.3235067,17.3530707 C36.5471093,17.1541545 40.5863223,14.7008547 40.5863223,12.0865274 C40.5863223,10.1447264 38.5181676,8.69547977 35.8383051,8.69547977 C33.1584427,8.69547977 30.2067102,9.63322759 29.0803912,10.2962816 C27.6239442,11.120363 28.7114246,13.0811085 30.0707751,12.5506653 C30.0707751,12.5506653 29.5561639,14.8618821 29.4202288,16.0932681 C28.3230388,15.9606573 28.0997169,16.1595735 28.1676844,16.3869063 C28.2356519,16.6237113 28.7114246,16.8226275 29.2551648,17.4856815 C29.0803912,18.9349282 28.7793921,25.4139131 28.8473597,25.9822451 C28.9153272,26.5411049 29.3231323,26.5789937 29.7697761,26.0485505 C30.2067102,25.5181073 31.1485459,24.2393603 31.5951896,19.399066 C32.1000912,19.8347872 33.4982803,21.6534496 35.1877588,23.7752225 C37.683138,26.8821041 38.4987483,27.1094369 39.5279708,27.4599083 C40.071711,27.6493524 40.6445801,27.3367697 40.236775,26.7873821 L40.236775,26.7873821 Z' }),
    React.createElement('path', { d: 'M54.6458903,12.7116927 C54.7138579,6.52634593 58.034557,4.60348929 59.8405512,4.60348929 C62.34564,4.60348929 63.3651529,6.46004053 63.5399265,7.28412195 C63.7049905,8.10820336 64.6565359,8.77125738 64.9575349,7.41673275 C65.2682436,6.06220812 68.2199761,1.92285664 71.8513839,1.92285664 C75.1817926,1.92285664 76.3275309,5.26654331 76.2304344,8.10820336 C75.9585643,15.8564631 65.724597,22.0418098 64.3749561,25.9443563 C63.1806696,23.5857785 54.5585035,20.1663142 54.6458903,12.7116927 L54.6458903,12.7116927 Z M73.0359608,0 C70.0550993,0 66.520788,2.15018944 64.3846658,5.73068111 C63.802087,4.43298969 61.7727709,3.04057626 59.3259399,3.04057626 C57.3645914,3.04057626 51.8106736,5.42757071 51.8106736,13.1758305 C51.8106736,23.1784739 62.180576,25.2339413 64.2778596,28.340823 C64.4235043,28.5492114 64.8895674,28.7102388 65.064341,28.19874 C66.7344002,23.3868623 79.7064879,17.9403472 79.7064879,8.14609216 C79.7064879,2.65221605 76.0265319,0 73.0359608,0 L73.0359608,0 Z' }),
    React.createElement('path', { d: 'M81.4833532,9.16908978 C81.57074,12.5317209 78.5316207,17.8929862 78.3374277,21.8050048 C78.2014927,24.6466649 78.7258136,25.8022733 78.9685548,26.1716891 C79.2210056,26.5505771 79.813294,26.5316327 79.949229,25.8875231 C80.4055824,23.7562781 83.5320886,18.1297912 83.9301841,13.6115517 C84.1729253,10.836197 83.2893474,9.13120098 82.2795442,8.80914618 C81.8231908,8.66706317 81.4639339,8.71442417 81.4833532,9.16908978 L81.4833532,9.16908978 Z' }),
    React.createElement('path', { d: 'M92.7950913,8.71442417 C88.5519758,8.71442417 85.4837275,10.220504 85.4837275,13.5547185 C85.4837275,15.6007137 87.0469806,17.0215437 89.5326501,17.4193761 C90.9793874,17.6751256 92.3969958,17.7793198 92.9018974,17.9687638 C93.8340235,18.3002908 91.6105145,19.3422328 88.1538803,21.625033 C85.7944362,23.1974183 84.0661191,24.8455811 83.1437027,26.5979381 C82.8232844,27.2041589 83.2505088,27.7819632 83.9204745,27.3367697 C85.2215671,26.4653273 88.0664935,25.0160807 90.8240331,23.5384175 C93.4456376,22.1270596 95.9118878,20.5736188 95.9118878,18.6507622 C95.9118878,16.9078773 94.5719566,16.2448233 93.5427341,16.1311569 C91.7561592,15.9322407 87.8820102,16.0932681 87.8820102,13.9051899 C87.8820102,13.0905807 88.9889099,12.020222 92.5523502,12.020222 C95.3001801,12.020222 95.02831,8.71442417 92.7950913,8.71442417 L92.7950913,8.71442417 Z' }),
    React.createElement('path', { d: 'M98.1353969,9.39642259 C99.5238763,12.0012776 97.1547226,19.0296502 97.1547226,21.719755 C97.1547226,24.4098599 97.4654313,25.3570799 98.1936548,26.2285223 C98.5529117,26.6452991 99.0675229,26.3516609 99.1063615,25.9254119 C99.3296834,23.5573619 101.941578,17.1257379 102.106642,14.1325227 C102.320255,10.3341704 100.407454,8.90386818 99.2714255,8.80914618 C98.6500081,8.75231297 97.8246882,8.86597938 98.1353969,9.39642259 L98.1353969,9.39642259 Z' }),
    React.createElement('path', { d: 'M99.0869422,5.69279231 C99.0189747,8.16503656 103.252381,8.57234117 103.252381,5.54123711 C103.252381,2.89849326 100.990033,0.710415014 100.53368,0.350471407 C99.8248754,-0.208388404 98.8247818,-0.113666402 99.0675229,0.795664816 C99.6015535,2.69957705 99.1160712,4.8213499 99.0869422,5.69279231 L99.0869422,5.69279231 Z' }),
    React.createElement('path', { d: 'M128.147914,26.2001057 C127.594464,22.8658913 128.351817,18.5844568 128.351817,14.5492995 C128.351817,11.4708344 125.730212,9.888977 124.176669,9.888977 C122.147353,9.888977 120.953066,10.7793638 120.953066,10.7793638 C120.972485,10.1920874 121.079291,9.33011719 121.059872,9.04595118 C121.040453,8.71442417 120.642357,8.71442417 120.059779,9.01753458 C116.884724,10.9498634 116.418661,16.4532117 116.418661,20.2894528 C116.418661,24.1351661 117.040079,25.4991629 117.108046,26.0106617 C117.176014,26.5126883 117.797431,26.5789937 118.040172,26.1527447 C119.729651,22.9416689 119.923844,17.0878491 120.506422,13.8388845 C121.302613,12.7779981 124.574764,12.5790819 124.710699,15.1176315 C124.846634,17.7035422 124.584474,24.2298881 127.293465,26.5126883 C127.662432,26.8157987 128.225591,26.6737157 128.147914,26.2001057 L128.147914,26.2001057 Z' })
  );
};

Logo.propTypes = {
  fill: PropTypes.string,
  width: PropTypes.number
};

Logo.defaultProps = {
  fill: '#FFFFFF'
};

var Meta = styled.p.withConfig({
  displayName: 'meta__Meta',
  componentId: 's4zsj9-0'
})([['{font-family:', function (props) {
  return props.theme.font.base;
}, ';font-weight:300;font-size:0.625em;text-transform:uppercase;-webkit-letter-spacing:0.1em;-moz-letter-spacing:0.1em;-ms-letter-spacing:0.1em;letter-spacing:0.1em;}']]);

var _templateObject$1 = taggedTemplateLiteral(['\n      font-size: ', ';\n    '], ['\n      font-size: ', ';\n    ']);

/**
 * Get the HTML element for the title, depending on the provided semantic
 * level.
 *
 * @param  {Integer} level
 * @return {String}
 */
function getElement(level) {
  switch (level) {
    case 1:
      return 'h1';
    case 2:
      return 'h2';
    case 3:
      return 'h3';
    case 4:
      return 'h4';
    default:
      return 'h1';
  }
}

var Title = function Title(_ref) {
  var level = _ref.level,
      size = _ref.size,
      other = objectWithoutProperties(_ref, ['level', 'size']);

  var Element = styled(getElement(level)).withConfig({
    displayName: 'title__Element',
    componentId: 's8qpq7x-0'
  })([['{font-family:', function (props) {
    return props.theme.font.header;
  }, ';font-weight:400;line-height:1.2;margin-top:0;margin-bottom:0.5em;-webkit-letter-spacing:-0.02em;-moz-letter-spacing:-0.02em;-ms-letter-spacing:-0.02em;letter-spacing:-0.02em;font-size:', function () {
    if (size === 1) return '1.5em';
    if (size === 2) return '1.125em';
    if (size === 3) return '1em';
    return '1.5em';
  }, ';', media.medium(_templateObject$1, function () {
    if (size === 1) return '1.875em';
    if (size === 2) return '1.5em';
    if (size === 3) return '1.25em';
    return '1.875em';
  }), ' ', media.large(_templateObject$1, function () {
    if (size === 1) return '2.5em';
    if (size === 2) return '1.625em';
    if (size === 3) return '1.25em';
    return '2.5em';
  }), ' ', media.extraLarge(_templateObject$1, function () {
    if (size === 1) return '4em';
    if (size === 2) return '2em';
    if (size === 3) return '1.5em';
    return '5em';
  }), ';}']]);

  return React.createElement(Element, other);
};

Title.propTypes = {
  level: PropTypes.number,
  size: PropTypes.number,
  children: PropTypes.node
};

var Wrapper = styled.span.withConfig({
  displayName: 'input__Wrapper',
  componentId: 'ko8zgu-0'
})([['{', fontSize(2), ';display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-family:', function (props) {
  return props.theme.font.base;
}, ';font-weight:300;width:', function (props) {
  return props.width || '100%';
}, ';}'], [' span:first-child{margin-right:1em;}'], [' span:last-child{margin-left:1em;}']]);

var StyledInput = styled.input.withConfig({
  displayName: 'input__StyledInput',
  componentId: 'ko8zgu-1'
})([['{', fontSize(2), ';font-family:', function (props) {
  return props.theme.font.base;
}, ';font-weight:300;line-height:1;padding:1em;border:0;border-radius:3px;border:1px solid rgba(0,0,0,0.16);box-shadow:0px 2px 0px 0px rgba(0,0,0,0.16);-webkit-transition:border-color 0.2s ease-out;transition:border-color 0.2s ease-out;width:', function (props) {
  return props.width || 'auto';
}, ';}'], [':focus,'], [':active{outline:0;border-color:', function (props) {
  return props.theme.color.primary;
}, ';}']]);

var Input = function Input(_ref) {
  var prefix = _ref.prefix,
      suffix = _ref.suffix,
      other = objectWithoutProperties(_ref, ['prefix', 'suffix']);

  if (!prefix && !suffix) return React.createElement(StyledInput, other);

  return React.createElement(
    Wrapper,
    null,
    prefix && React.createElement(
      'span',
      null,
      prefix
    ),
    React.createElement(StyledInput, other),
    suffix && React.createElement(
      'span',
      null,
      suffix
    )
  );
};

Input.propTypes = {
  prefix: PropTypes.string,
  suffix: PropTypes.string
};

var Label = styled.label.withConfig({
  displayName: 'label__Label',
  componentId: 's1yqpyf1-0'
})([['{font-family:', function (props) {
  return props.theme.font.base;
}, ';color:', function (props) {
  return props.theme.color.grey.regular;
}, ';font-size:0.875em;font-weight:300;display:block;', margin(), ';', padding$1(), ';}']]);

var Container$1 = styled.span.withConfig({
  displayName: 'radio__Container',
  componentId: 's1q6b2rx-0'
})([['{display:', function (props) {
  return props.block ? 'flex' : 'inline-flex';
}, ';margin-bottom:', function (props) {
  return props.block ? '1em' : '0';
}, ';margin-right:', function (props) {
  return props.block ? '0' : '1em';
}, ';-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}']]);

var Label$2 = styled.label.withConfig({
  displayName: 'radio__Label',
  componentId: 's1q6b2rx-1'
})([[':before{vertical-align:middle;display:inline-block;content:\'\';width:20px;height:20px;border-radius:50%;background:', function (props) {
  return props.theme.colors.blank;
}, ';box-shadow:0 2px 0 0 rgba(0,0,0,0.15);border:1px solid ', function (props) {
  return props.theme.vivid;
}, ';}'], [' > *{vertical-align:middle;display:inline-block;padding-left:0.625em;}']]);

var StyledRadio = styled.input.withConfig({
  displayName: 'radio__StyledRadio',
  componentId: 's1q6b2rx-2'
})([['{display:none;}'], [':checked + label:before{content:\'\\2022\';color:', function (props) {
  return props.theme.dark;
}, ';font-size:3em;line-height:1.4rem;text-align:center;}']]);

var Radio = function Radio(_ref) {
  var children = _ref.children,
      block = _ref.block,
      id = _ref.id,
      other = objectWithoutProperties(_ref, ['children', 'block', 'id']);
  return React.createElement(
    Container$1,
    { block: block },
    React.createElement(StyledRadio, _extends({ type: 'radio', id: id }, other)),
    React.createElement(
      Label$2,
      { htmlFor: id },
      children
    )
  );
};

Radio.propTypes = {
  id: PropTypes.string,
  block: PropTypes.bool,
  children: PropTypes.node
};

var _templateObject$2 = taggedTemplateLiteral(['font-size: 0.875em;'], ['font-size: 0.875em;']);

var DefinitionTerm = styled.dt.withConfig({
  displayName: 'definition__DefinitionTerm',
  componentId: 'ueq7jm-0'
})([['{font-size:0.75em;line-height:1;margin:0;font-family:', function (props) {
  return props.theme.font.base;
}, ';font-weight:300;color:', function (props) {
  return props.emphasis ? props.theme.colors.black : props.theme.colors.grey;
}, ';', media.large(_templateObject$2), ';}']]);

var DefinitionData = styled.dd.withConfig({
  displayName: 'definition__DefinitionData',
  componentId: 'ueq7jm-1'
})([['{font-size:12px;line-height:1.5;margin:0;font-family:', function (props) {
  return props.theme.font.base;
}, ';font-weight:300;color:', function (props) {
  return props.emphasis ? props.theme.colors.black : props.theme.colors.grey;
}, ';}', media.large(_templateObject$2), ' '], [' + dd{margin-top:0;}'], [' + dt{margin-top:', function (props) {
  return props.theme.spacing.large;
}, ';}']]);

var Image = styled.img.withConfig({
  displayName: 'profile-picture__Image',
  componentId: 's487dwa-0'
})([['{display:inline-block;width:3.75em;height:3.75em;border-radius:50%;vertical-align:middle;}']]);

var Initials = styled.div.withConfig({
  displayName: 'profile-picture__Initials',
  componentId: 's487dwa-1'
})([['{font-family:', function (props) {
  return props.theme.font.base;
}, ';text-transform:uppercase;display:inline-block;width:3.75em;height:3.75em;border-radius:50%;position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:', function (props) {
  return props.theme.colors.primary;
}, ';color:', function (props) {
  return props.theme.colors.blank;
}, ';}']]);

var ProfilePicture = function ProfilePicture(props) {
  if (props.image) {
    return React.createElement(Image, { alt: props.user, src: props.image });
  }

  return React.createElement(
    Initials,
    null,
    props.user.match(/\b(\w)/g).join('')
  );
};

ProfilePicture.propTypes = {
  image: PropTypes.string,
  user: PropTypes.string.isRequired
};

var Container$2 = styled.div.withConfig({
  displayName: 'author__Container',
  componentId: 's1tkgtaj-0'
})([['{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-family:', function (props) {
  return props.theme.font.base;
}, ';font-weight:300;}']]);

var AuthorName = styled(DefinitionData).withConfig({
  displayName: 'author__AuthorName',
  componentId: 's1tkgtaj-1'
})([['{display:block;font-size:1em;margin:0 !important;}']]);

var Content = styled.div.withConfig({
  displayName: 'author__Content',
  componentId: 's1tkgtaj-2'
})([['{display:inline-block;margin-left:1.25em;}']]);

var Author = function Author(_ref) {
  var name = _ref.name,
      image = _ref.image,
      other = objectWithoutProperties(_ref, ['name', 'image']);
  return React.createElement(
    Container$2,
    other,
    React.createElement(ProfilePicture, { user: name, image: image }),
    React.createElement(
      Content,
      null,
      React.createElement(
        AuthorName,
        null,
        name
      )
    )
  );
};

Author.propTypes = {
  image: PropTypes.string,
  name: PropTypes.string.isRequired
};

var CloseButton = function CloseButton(_ref) {
  var onDelete = _ref.onDelete,
      other = objectWithoutProperties(_ref, ['onDelete']);
  return React.createElement(
    'div',
    _extends({ onClick: onDelete }, other),
    React.createElement(CloseIcon, { width: '8' })
  );
};

CloseButton.propTypes = {
  onDelete: PropTypes.func.isRequired
};

var Close$$1 = styled(CloseButton).withConfig({
  displayName: 'close',
  componentId: 's1fwlfgs-0'
})([['{position:absolute;top:0.75em;left:-0.5em;width:20px;height:20px;border-radius:50%;background:', function (props) {
  return props.theme.dark;
}, ';color:', function (props) {
  return props.theme.colors.blank;
}, ';display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}']]);

var animation$1 = keyframes([['@-webkit-keyframes '], ['{0%{-webkit-transform:scale(0.75);-ms-transform:scale(0.75);transform:scale(0.75);opacity:0.75;}40%{-webkit-transform:scale(1.25);-ms-transform:scale(1.25);transform:scale(1.25);opacity:1;}100%{-webkit-transform:scale(0.75);-ms-transform:scale(0.75);transform:scale(0.75);opacity:0.75;}}@keyframes '], ['{0%{-webkit-transform:scale(0.75);-ms-transform:scale(0.75);transform:scale(0.75);opacity:0.75;}40%{-webkit-transform:scale(1.25);-ms-transform:scale(1.25);transform:scale(1.25);opacity:1;}100%{-webkit-transform:scale(0.75);-ms-transform:scale(0.75);transform:scale(0.75);opacity:0.75;}}']]);

var Spinner = styled.div.withConfig({
    displayName: 'spinner__Spinner',
    componentId: 's5m1zon-0'
})([['{width:40px;height:40px;margin:100px auto;border-radius:100%;background:', function (props) {
    return props.theme.color.black;
}, ';-webkit-animation:', animation$1, ' 2s infinite ease-out;animation:', animation$1, ' 2s infinite ease-out;}']]);

/* eslint jsx-a11y/img-has-alt: 0 */
var Container$3 = styled.div.withConfig({
  displayName: 'preview__Container',
  componentId: 's14wwny5-0'
})([['{position:relative;}'], [' img,'], [' video{margin:1.25em 0;max-width:15em;}']]);

var Preview = function (_Component) {
  inherits(Preview, _Component);

  function Preview() {
    var _ref;

    var _temp, _this, _ret;

    classCallCheck(this, Preview);

    for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
      args[_key] = arguments[_key];
    }

    return _ret = (_temp = (_this = possibleConstructorReturn(this, (_ref = Preview.__proto__ || Object.getPrototypeOf(Preview)).call.apply(_ref, [this].concat(args))), _this), _this.state = {
      preview: null
    }, _this.onDelete = function () {
      _this.props.onDelete(_this.props.file);
    }, _temp), possibleConstructorReturn(_this, _ret);
  }
  /**
   * Define the proptypes of the component.
   *
   * @type {Object}
   */


  /**
   * The initial state of the component.
   *
   * @type {Object}
   */


  createClass(Preview, [{
    key: 'componentDidMount',


    /**
     * Invoked when the component is mounted.
     *
     * @return {void}
     */
    value: function componentDidMount() {
      this.readFile(this.props.file);
    }

    /**
     * Invoked when the file should be deleted.
     *
     * @return {void}
     */

  }, {
    key: 'readFile',


    /**
     * Read the file with the file reader to generate preview.
     * If the file already has a preview, use that.
     *
     * @return {void}
     */
    value: function readFile(file) {
      var _this2 = this;

      if (file.preview) {
        return this.setState({ preview: file.preview });
      }

      // eslint-disable-next-line no-undef
      var reader = new FileReader();

      reader.onload = function (e) {
        _this2.setState({ preview: e.target.result });
      };

      return reader.readAsDataURL(file);
    }

    /**
     * Render the content, depending on the mimetype.
     *
     * @return {void}
     */

  }, {
    key: 'renderContent',
    value: function renderContent() {
      var mimeType = this.props.file.type;

      if (mimeType.startsWith('image/')) {
        return React.createElement('img', { src: this.state.preview });
      }

      if (mimeType.startsWith('video/')) {
        return React.createElement(
          'video',
          { controls: true },
          React.createElement('source', { src: this.state.preview, type: mimeType })
        );
      }

      return 'File';
    }

    /**
     * Render the component.
     *
     * @return {ReactElement}
     */

  }, {
    key: 'render',
    value: function render() {
      var onDelete = this.props.onDelete;


      return React.createElement(
        Container$3,
        null,
        onDelete && React.createElement(Close$$1, { onDelete: this.onDelete }),
        this.state.preview ? this.renderContent() : React.createElement(Spinner, null)
      );
    }
  }]);
  return Preview;
}(Component);

Preview.propTypes = {
  onDelete: PropTypes.func,
  file: PropTypes.shape().isRequired
};

var Container$4 = styled.div.withConfig({
  displayName: 'dropdown__Container',
  componentId: 's157sr34-0'
})([['{position:relative;font-family:', function (props) {
  return props.theme.font.base;
}, ';border-radius:3px;background:', function (props) {
  return props.theme.color.white;
}, ';color:', function (props) {
  return props.theme.color.black;
}, ';box-shadow:0 2px 0 0 rgba(189,189,189,0.5);}'], [' select::-ms-expand{display:none;}']]);

var Select = styled.select.withConfig({
  displayName: 'dropdown__Select',
  componentId: 's157sr34-1'
})([['{', fontSize(1), ';position:relative;z-index:10;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;color:currentColor;width:100%;padding:0em 5em 0 1em;height:2.5rem;border:0;border-radius:3px;border:1px solid ', function (props) {
  return props.theme.color.grey.dim;
}, ';box-shadow:0px 2px 0px 0px rgba(0,0,0,0.16);}'], [' option{color:', function (props) {
  return props.theme.color.black;
}, ';background:', function (props) {
  return props.theme.color.blank;
}, ';}']]);

var Icon$1 = styled.div.withConfig({
  displayName: 'dropdown__Icon',
  componentId: 's157sr34-2'
})([['{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;top:0;right:1.5em;bottom:0;margin:auto;color:', function (props) {
  return props.theme.color.black;
}, ';}']]);

var Dropdown = function Dropdown(_ref) {
  var children = _ref.children,
      className = _ref.className,
      other = objectWithoutProperties(_ref, ['children', 'className']);
  return React.createElement(
    Container$4,
    { className: className },
    React.createElement(
      Select,
      other,
      children
    ),
    React.createElement(
      Icon$1,
      null,
      React.createElement(ChevronDown, { height: 8 })
    )
  );
};

Dropdown.propTypes = {
  className: PropTypes.string,
  children: PropTypes.node.isRequired
};

var dist = createCommonjsModule(function (module, exports) {
(function webpackUniversalModuleDefinition(root, factory) {
	module.exports = factory(React, PropTypes);
})(commonjsGlobal, function(__WEBPACK_EXTERNAL_MODULE_2__, __WEBPACK_EXTERNAL_MODULE_3__) {
return /******/ (function(modules) { // webpackBootstrap
/******/ 	// The module cache
/******/ 	var installedModules = {};
/******/
/******/ 	// The require function
/******/ 	function __webpack_require__(moduleId) {
/******/
/******/ 		// Check if module is in cache
/******/ 		if(installedModules[moduleId]) {
/******/ 			return installedModules[moduleId].exports;
/******/ 		}
/******/ 		// Create a new module (and put it into the cache)
/******/ 		var module = installedModules[moduleId] = {
/******/ 			i: moduleId,
/******/ 			l: false,
/******/ 			exports: {}
/******/ 		};
/******/
/******/ 		// Execute the module function
/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
/******/
/******/ 		// Flag the module as loaded
/******/ 		module.l = true;
/******/
/******/ 		// Return the exports of the module
/******/ 		return module.exports;
/******/ 	}
/******/
/******/
/******/ 	// expose the modules object (__webpack_modules__)
/******/ 	__webpack_require__.m = modules;
/******/
/******/ 	// expose the module cache
/******/ 	__webpack_require__.c = installedModules;
/******/
/******/ 	// define getter function for harmony exports
/******/ 	__webpack_require__.d = function(exports, name, getter) {
/******/ 		if(!__webpack_require__.o(exports, name)) {
/******/ 			Object.defineProperty(exports, name, {
/******/ 				configurable: false,
/******/ 				enumerable: true,
/******/ 				get: getter
/******/ 			});
/******/ 		}
/******/ 	};
/******/
/******/ 	// getDefaultExport function for compatibility with non-harmony modules
/******/ 	__webpack_require__.n = function(module) {
/******/ 		var getter = module && module.__esModule ?
/******/ 			function getDefault() { return module['default']; } :
/******/ 			function getModuleExports() { return module; };
/******/ 		__webpack_require__.d(getter, 'a', getter);
/******/ 		return getter;
/******/ 	};
/******/
/******/ 	// Object.prototype.hasOwnProperty.call
/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
/******/
/******/ 	// __webpack_public_path__
/******/ 	__webpack_require__.p = "";
/******/
/******/ 	// Load entry module and return exports
/******/ 	return __webpack_require__(__webpack_require__.s = 0);
/******/ })
/************************************************************************/
/******/ ([
/* 0 */
/***/ (function(module, exports, __webpack_require__) {

"use strict";
/* WEBPACK VAR INJECTION */(function(process) {

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

var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };

var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();

var _react$$1 = __webpack_require__(2);

var _react2 = _interopRequireDefault(_react$$1);

var _propTypes$$1 = __webpack_require__(3);

var _propTypes2 = _interopRequireDefault(_propTypes$$1);

var _utils = __webpack_require__(4);

var _styles = __webpack_require__(6);

var _styles2 = _interopRequireDefault(_styles);

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

function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }

function _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } else { return Array.from(arr); } }

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }

function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } /* eslint prefer-template: 0 */

var Dropzone = function (_React$Component) {
  _inherits(Dropzone, _React$Component);

  function Dropzone(props, context) {
    _classCallCheck(this, Dropzone);

    var _this = _possibleConstructorReturn(this, (Dropzone.__proto__ || Object.getPrototypeOf(Dropzone)).call(this, props, context));

    _this.renderChildren = function (children, isDragActive, isDragAccept, isDragReject) {
      if (typeof children === 'function') {
        return children(_extends({}, _this.state, {
          isDragActive: isDragActive,
          isDragAccept: isDragAccept,
          isDragReject: isDragReject
        }));
      }
      return children;
    };

    _this.composeHandlers = _this.composeHandlers.bind(_this);
    _this.onClick = _this.onClick.bind(_this);
    _this.onDocumentDrop = _this.onDocumentDrop.bind(_this);
    _this.onDragEnter = _this.onDragEnter.bind(_this);
    _this.onDragLeave = _this.onDragLeave.bind(_this);
    _this.onDragOver = _this.onDragOver.bind(_this);
    _this.onDragStart = _this.onDragStart.bind(_this);
    _this.onDrop = _this.onDrop.bind(_this);
    _this.onFileDialogCancel = _this.onFileDialogCancel.bind(_this);
    _this.onInputElementClick = _this.onInputElementClick.bind(_this);

    _this.setRef = _this.setRef.bind(_this);
    _this.setRefs = _this.setRefs.bind(_this);

    _this.isFileDialogActive = false;

    _this.state = {
      draggedFiles: [],
      acceptedFiles: [],
      rejectedFiles: []
    };
    return _this;
  }

  _createClass(Dropzone, [{
    key: 'componentDidMount',
    value: function componentDidMount() {
      var preventDropOnDocument = this.props.preventDropOnDocument;

      this.dragTargets = [];

      if (preventDropOnDocument) {
        document.addEventListener('dragover', _utils.onDocumentDragOver, false);
        document.addEventListener('drop', this.onDocumentDrop, false);
      }
      this.fileInputEl.addEventListener('click', this.onInputElementClick, false);
      // Tried implementing addEventListener, but didn't work out
      document.body.onfocus = this.onFileDialogCancel;
    }
  }, {
    key: 'componentWillUnmount',
    value: function componentWillUnmount() {
      var preventDropOnDocument = this.props.preventDropOnDocument;

      if (preventDropOnDocument) {
        document.removeEventListener('dragover', _utils.onDocumentDragOver);
        document.removeEventListener('drop', this.onDocumentDrop);
      }
      this.fileInputEl.removeEventListener('click', this.onInputElementClick, false);
      // Can be replaced with removeEventListener, if addEventListener works
      document.body.onfocus = null;
    }
  }, {
    key: 'composeHandlers',
    value: function composeHandlers(handler) {
      if (this.props.disabled) {
        return null;
      }

      return handler;
    }
  }, {
    key: 'onDocumentDrop',
    value: function onDocumentDrop(evt) {
      if (this.node.contains(evt.target)) {
        // if we intercepted an event for our instance, let it propagate down to the instance's onDrop handler
        return;
      }
      evt.preventDefault();
      this.dragTargets = [];
    }
  }, {
    key: 'onDragStart',
    value: function onDragStart(evt) {
      if (this.props.onDragStart) {
        this.props.onDragStart.call(this, evt);
      }
    }
  }, {
    key: 'onDragEnter',
    value: function onDragEnter(evt) {
      evt.preventDefault();

      // Count the dropzone and any children that are entered.
      if (this.dragTargets.indexOf(evt.target) === -1) {
        this.dragTargets.push(evt.target);
      }

      this.setState({
        isDragActive: true, // Do not rely on files for the drag state. It doesn't work in Safari.
        draggedFiles: (0, _utils.getDataTransferItems)(evt)
      });

      if (this.props.onDragEnter) {
        this.props.onDragEnter.call(this, evt);
      }
    }
  }, {
    key: 'onDragOver',
    value: function onDragOver(evt) {
      // eslint-disable-line class-methods-use-this
      evt.preventDefault();
      evt.stopPropagation();
      try {
        evt.dataTransfer.dropEffect = 'copy'; // eslint-disable-line no-param-reassign
      } catch (err) {
        // continue regardless of error
      }

      if (this.props.onDragOver) {
        this.props.onDragOver.call(this, evt);
      }
      return false;
    }
  }, {
    key: 'onDragLeave',
    value: function onDragLeave(evt) {
      var _this2 = this;

      evt.preventDefault();

      // Only deactivate once the dropzone and all children have been left.
      this.dragTargets = this.dragTargets.filter(function (el) {
        return el !== evt.target && _this2.node.contains(el);
      });
      if (this.dragTargets.length > 0) {
        return;
      }

      // Clear dragging files state
      this.setState({
        isDragActive: false,
        draggedFiles: []
      });

      if (this.props.onDragLeave) {
        this.props.onDragLeave.call(this, evt);
      }
    }
  }, {
    key: 'onDrop',
    value: function onDrop(evt) {
      var _this3 = this;

      var _props = this.props,
          onDrop = _props.onDrop,
          onDropAccepted = _props.onDropAccepted,
          onDropRejected = _props.onDropRejected,
          multiple = _props.multiple,
          disablePreview = _props.disablePreview,
          accept = _props.accept;

      var fileList = (0, _utils.getDataTransferItems)(evt);
      var acceptedFiles = [];
      var rejectedFiles = [];

      // Stop default browser behavior
      evt.preventDefault();

      // Reset the counter along with the drag on a drop.
      this.dragTargets = [];
      this.isFileDialogActive = false;

      fileList.forEach(function (file) {
        if (!disablePreview) {
          try {
            file.preview = window.URL.createObjectURL(file); // eslint-disable-line no-param-reassign
          } catch (err) {
            if (process.env.NODE_ENV !== 'production') {
              console.error('Failed to generate preview for file', file, err); // eslint-disable-line no-console
            }
          }
        }

        if ((0, _utils.fileAccepted)(file, accept) && (0, _utils.fileMatchSize)(file, _this3.props.maxSize, _this3.props.minSize)) {
          acceptedFiles.push(file);
        } else {
          rejectedFiles.push(file);
        }
      });

      if (!multiple) {
        // if not in multi mode add any extra accepted files to rejected.
        // This will allow end users to easily ignore a multi file drop in "single" mode.
        rejectedFiles.push.apply(rejectedFiles, _toConsumableArray(acceptedFiles.splice(1)));
      }

      if (onDrop) {
        onDrop.call(this, acceptedFiles, rejectedFiles, evt);
      }

      if (rejectedFiles.length > 0 && onDropRejected) {
        onDropRejected.call(this, rejectedFiles, evt);
      }

      if (acceptedFiles.length > 0 && onDropAccepted) {
        onDropAccepted.call(this, acceptedFiles, evt);
      }

      // Clear files value
      this.draggedFiles = null;

      // Reset drag state
      this.setState({
        isDragActive: false,
        draggedFiles: [],
        acceptedFiles: acceptedFiles,
        rejectedFiles: rejectedFiles
      });
    }
  }, {
    key: 'onClick',
    value: function onClick(evt) {
      var _props2 = this.props,
          onClick = _props2.onClick,
          disableClick = _props2.disableClick;

      if (!disableClick) {
        evt.stopPropagation();

        if (onClick) {
          onClick.call(this, evt);
        }

        // in IE11/Edge the file-browser dialog is blocking, ensure this is behind setTimeout
        // this is so react can handle state changes in the onClick prop above above
        // see: https://github.com/react-dropzone/react-dropzone/issues/450
        setTimeout(this.open.bind(this), 0);
      }
    }
  }, {
    key: 'onInputElementClick',
    value: function onInputElementClick(evt) {
      evt.stopPropagation();
      if (this.props.inputProps && this.props.inputProps.onClick) {
        this.props.inputProps.onClick();
      }
    }
  }, {
    key: 'onFileDialogCancel',
    value: function onFileDialogCancel() {
      // timeout will not recognize context of this method
      var onFileDialogCancel = this.props.onFileDialogCancel;
      var fileInputEl = this.fileInputEl;
      var isFileDialogActive = this.isFileDialogActive;
      // execute the timeout only if the onFileDialogCancel is defined and FileDialog
      // is opened in the browser

      if (onFileDialogCancel && isFileDialogActive) {
        setTimeout(function () {
          // Returns an object as FileList
          var FileList = fileInputEl.files;
          if (!FileList.length) {
            isFileDialogActive = false;
            onFileDialogCancel();
          }
        }, 300);
      }
    }
  }, {
    key: 'setRef',
    value: function setRef(ref) {
      this.node = ref;
    }
  }, {
    key: 'setRefs',
    value: function setRefs(ref) {
      this.fileInputEl = ref;
    }
    /**
     * Open system file upload dialog.
     *
     * @public
     */

  }, {
    key: 'open',
    value: function open() {
      this.isFileDialogActive = true;
      this.fileInputEl.value = null;
      this.fileInputEl.click();
    }
  }, {
    key: 'render',
    value: function render() {
      var _props3 = this.props,
          accept = _props3.accept,
          acceptClassName = _props3.acceptClassName,
          activeClassName = _props3.activeClassName,
          children = _props3.children,
          disabled = _props3.disabled,
          disabledClassName = _props3.disabledClassName,
          inputProps = _props3.inputProps,
          multiple = _props3.multiple,
          name = _props3.name,
          rejectClassName = _props3.rejectClassName,
          rest = _objectWithoutProperties(_props3, ['accept', 'acceptClassName', 'activeClassName', 'children', 'disabled', 'disabledClassName', 'inputProps', 'multiple', 'name', 'rejectClassName']);

      var acceptStyle = rest.acceptStyle,
          activeStyle = rest.activeStyle,
          className = rest.className,
          disabledStyle = rest.disabledStyle,
          rejectStyle = rest.rejectStyle,
          style = rest.style,
          props = _objectWithoutProperties(rest, ['acceptStyle', 'activeStyle', 'className', 'disabledStyle', 'rejectStyle', 'style']);

      var _state = this.state,
          isDragActive = _state.isDragActive,
          draggedFiles = _state.draggedFiles;

      var filesCount = draggedFiles.length;
      var isMultipleAllowed = multiple || filesCount <= 1;
      var isDragAccept = filesCount > 0 && (0, _utils.allFilesAccepted)(draggedFiles, this.props.accept);
      var isDragReject = filesCount > 0 && (!isDragAccept || !isMultipleAllowed);
      className = className || '';
      var noStyles = !className && !style && !activeStyle && !acceptStyle && !rejectStyle && !disabledStyle;

      if (isDragActive && activeClassName) {
        className += ' ' + activeClassName;
      }
      if (isDragAccept && acceptClassName) {
        className += ' ' + acceptClassName;
      }
      if (isDragReject && rejectClassName) {
        className += ' ' + rejectClassName;
      }
      if (disabled && disabledClassName) {
        className += ' ' + disabledClassName;
      }

      if (noStyles) {
        style = _styles2.default.default;
        activeStyle = _styles2.default.active;
        acceptStyle = style.active;
        rejectStyle = _styles2.default.rejected;
        disabledStyle = _styles2.default.disabled;
      }

      var appliedStyle = _extends({}, style);
      if (activeStyle && isDragActive) {
        appliedStyle = _extends({}, style, activeStyle);
      }
      if (acceptStyle && isDragAccept) {
        appliedStyle = _extends({}, appliedStyle, acceptStyle);
      }
      if (rejectStyle && isDragReject) {
        appliedStyle = _extends({}, appliedStyle, rejectStyle);
      }
      if (disabledStyle && disabled) {
        appliedStyle = _extends({}, style, disabledStyle);
      }

      var inputAttributes = {
        accept: accept,
        disabled: disabled,
        type: 'file',
        style: { display: 'none' },
        multiple: _utils.supportMultiple && multiple,
        ref: this.setRefs,
        onChange: this.onDrop,
        autoComplete: 'off'
      };

      if (name && name.length) {
        inputAttributes.name = name;
      }

      // Remove custom properties before passing them to the wrapper div element
      var customProps = ['acceptedFiles', 'preventDropOnDocument', 'disablePreview', 'disableClick', 'activeClassName', 'acceptClassName', 'rejectClassName', 'disabledClassName', 'onDropAccepted', 'onDropRejected', 'onFileDialogCancel', 'maxSize', 'minSize'];
      var divProps = _extends({}, props);
      customProps.forEach(function (prop) {
        return delete divProps[prop];
      });

      return _react2.default.createElement(
        'div',
        _extends({
          className: className,
          style: appliedStyle
        }, divProps /* expand user provided props first so event handlers are never overridden */, {
          onClick: this.composeHandlers(this.onClick),
          onDragStart: this.composeHandlers(this.onDragStart),
          onDragEnter: this.composeHandlers(this.onDragEnter),
          onDragOver: this.composeHandlers(this.onDragOver),
          onDragLeave: this.composeHandlers(this.onDragLeave),
          onDrop: this.composeHandlers(this.onDrop),
          ref: this.setRef,
          'aria-disabled': disabled
        }),
        this.renderChildren(children, isDragActive, isDragAccept, isDragReject),
        _react2.default.createElement('input', _extends({}, inputProps /* expand user provided inputProps first so inputAttributes override them */, inputAttributes))
      );
    }
  }]);

  return Dropzone;
}(_react2.default.Component);

exports.default = Dropzone;


Dropzone.propTypes = {
  /**
   * Allow specific types of files. See https://github.com/okonet/attr-accept for more information.
   * Keep in mind that mime type determination is not reliable across platforms. CSV files,
   * for example, are reported as text/plain under macOS but as application/vnd.ms-excel under
   * Windows. In some cases there might not be a mime type set at all.
   * See: https://github.com/react-dropzone/react-dropzone/issues/276
   */
  accept: _propTypes2.default.string,

  /**
   * Contents of the dropzone
   */
  children: _propTypes2.default.oneOfType([_propTypes2.default.node, _propTypes2.default.func]),

  /**
   * Disallow clicking on the dropzone container to open file dialog
   */
  disableClick: _propTypes2.default.bool,

  /**
  * Enable/disable the dropzone entirely
  */
  disabled: _propTypes2.default.bool,

  /**
   * Enable/disable preview generation
   */
  disablePreview: _propTypes2.default.bool,

  /**
   * If false, allow dropped items to take over the current browser window
   */
  preventDropOnDocument: _propTypes2.default.bool,

  /**
   * Pass additional attributes to the `<input type="file"/>` tag
   */
  inputProps: _propTypes2.default.object,

  /**
   * Allow dropping multiple files
   */
  multiple: _propTypes2.default.bool,

  /**
   * `name` attribute for the input tag
   */
  name: _propTypes2.default.string,

  /**
   * Maximum file size
   */
  maxSize: _propTypes2.default.number,

  /**
   * Minimum file size
   */
  minSize: _propTypes2.default.number,

  /**
   * className
   */
  className: _propTypes2.default.string,

  /**
   * className for active state
   */
  activeClassName: _propTypes2.default.string,

  /**
   * className for accepted state
   */
  acceptClassName: _propTypes2.default.string,

  /**
   * className for rejected state
   */
  rejectClassName: _propTypes2.default.string,

  /**
   * className for disabled state
   */
  disabledClassName: _propTypes2.default.string,

  /**
   * CSS styles to apply
   */
  style: _propTypes2.default.object,

  /**
   * CSS styles to apply when drag is active
   */
  activeStyle: _propTypes2.default.object,

  /**
   * CSS styles to apply when drop will be accepted
   */
  acceptStyle: _propTypes2.default.object,

  /**
   * CSS styles to apply when drop will be rejected
   */
  rejectStyle: _propTypes2.default.object,

  /**
   * CSS styles to apply when dropzone is disabled
   */
  disabledStyle: _propTypes2.default.object,

  /**
   * onClick callback
   * @param {Event} event
   */
  onClick: _propTypes2.default.func,

  /**
   * onDrop callback
   */
  onDrop: _propTypes2.default.func,

  /**
   * onDropAccepted callback
   */
  onDropAccepted: _propTypes2.default.func,

  /**
   * onDropRejected callback
   */
  onDropRejected: _propTypes2.default.func,

  /**
   * onDragStart callback
   */
  onDragStart: _propTypes2.default.func,

  /**
   * onDragEnter callback
   */
  onDragEnter: _propTypes2.default.func,

  /**
   * onDragOver callback
   */
  onDragOver: _propTypes2.default.func,

  /**
   * onDragLeave callback
   */
  onDragLeave: _propTypes2.default.func,

  /**
   * Provide a callback on clicking the cancel button of the file dialog
   */
  onFileDialogCancel: _propTypes2.default.func
};

Dropzone.defaultProps = {
  preventDropOnDocument: true,
  disabled: false,
  disablePreview: false,
  disableClick: false,
  multiple: true,
  maxSize: Infinity,
  minSize: 0
};
module.exports = exports['default'];
/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(1)));

/***/ }),
/* 1 */
/***/ (function(module, exports) {

// shim for using process in browser
var process = module.exports = {};

// cached from whatever global is present so that test runners that stub it
// don't break things.  But we need to wrap it in a try catch in case it is
// wrapped in strict mode code which doesn't define any globals.  It's inside a
// function because try/catches deoptimize in certain engines.

var cachedSetTimeout;
var cachedClearTimeout;

function defaultSetTimout() {
    throw new Error('setTimeout has not been defined');
}
function defaultClearTimeout () {
    throw new Error('clearTimeout has not been defined');
}
(function () {
    try {
        if (typeof setTimeout === 'function') {
            cachedSetTimeout = setTimeout;
        } else {
            cachedSetTimeout = defaultSetTimout;
        }
    } catch (e) {
        cachedSetTimeout = defaultSetTimout;
    }
    try {
        if (typeof clearTimeout === 'function') {
            cachedClearTimeout = clearTimeout;
        } else {
            cachedClearTimeout = defaultClearTimeout;
        }
    } catch (e) {
        cachedClearTimeout = defaultClearTimeout;
    }
} ());
function runTimeout(fun) {
    if (cachedSetTimeout === setTimeout) {
        //normal enviroments in sane situations
        return setTimeout(fun, 0);
    }
    // if setTimeout wasn't available but was latter defined
    if ((cachedSetTimeout === defaultSetTimout || !cachedSetTimeout) && setTimeout) {
        cachedSetTimeout = setTimeout;
        return setTimeout(fun, 0);
    }
    try {
        // when when somebody has screwed with setTimeout but no I.E. maddness
        return cachedSetTimeout(fun, 0);
    } catch(e){
        try {
            // When we are in I.E. but the script has been evaled so I.E. doesn't trust the global object when called normally
            return cachedSetTimeout.call(null, fun, 0);
        } catch(e){
            // same as above but when it's a version of I.E. that must have the global object for 'this', hopfully our context correct otherwise it will throw a global error
            return cachedSetTimeout.call(this, fun, 0);
        }
    }


}
function runClearTimeout(marker) {
    if (cachedClearTimeout === clearTimeout) {
        //normal enviroments in sane situations
        return clearTimeout(marker);
    }
    // if clearTimeout wasn't available but was latter defined
    if ((cachedClearTimeout === defaultClearTimeout || !cachedClearTimeout) && clearTimeout) {
        cachedClearTimeout = clearTimeout;
        return clearTimeout(marker);
    }
    try {
        // when when somebody has screwed with setTimeout but no I.E. maddness
        return cachedClearTimeout(marker);
    } catch (e){
        try {
            // When we are in I.E. but the script has been evaled so I.E. doesn't  trust the global object when called normally
            return cachedClearTimeout.call(null, marker);
        } catch (e){
            // same as above but when it's a version of I.E. that must have the global object for 'this', hopfully our context correct otherwise it will throw a global error.
            // Some versions of I.E. have different rules for clearTimeout vs setTimeout
            return cachedClearTimeout.call(this, marker);
        }
    }



}
var queue = [];
var draining = false;
var currentQueue;
var queueIndex = -1;

function cleanUpNextTick() {
    if (!draining || !currentQueue) {
        return;
    }
    draining = false;
    if (currentQueue.length) {
        queue = currentQueue.concat(queue);
    } else {
        queueIndex = -1;
    }
    if (queue.length) {
        drainQueue();
    }
}

function drainQueue() {
    if (draining) {
        return;
    }
    var timeout = runTimeout(cleanUpNextTick);
    draining = true;

    var len = queue.length;
    while(len) {
        currentQueue = queue;
        queue = [];
        while (++queueIndex < len) {
            if (currentQueue) {
                currentQueue[queueIndex].run();
            }
        }
        queueIndex = -1;
        len = queue.length;
    }
    currentQueue = null;
    draining = false;
    runClearTimeout(timeout);
}

process.nextTick = function (fun) {
    var args = new Array(arguments.length - 1);
    if (arguments.length > 1) {
        for (var i = 1; i < arguments.length; i++) {
            args[i - 1] = arguments[i];
        }
    }
    queue.push(new Item(fun, args));
    if (queue.length === 1 && !draining) {
        runTimeout(drainQueue);
    }
};

// v8 likes predictible objects
function Item(fun, array) {
    this.fun = fun;
    this.array = array;
}
Item.prototype.run = function () {
    this.fun.apply(null, this.array);
};
process.title = 'browser';
process.browser = true;
process.env = {};
process.argv = [];
process.version = ''; // empty string to avoid regexp issues
process.versions = {};

function noop() {}

process.on = noop;
process.addListener = noop;
process.once = noop;
process.off = noop;
process.removeListener = noop;
process.removeAllListeners = noop;
process.emit = noop;
process.prependListener = noop;
process.prependOnceListener = noop;

process.listeners = function (name) { return [] };

process.binding = function (name) {
    throw new Error('process.binding is not supported');
};

process.cwd = function () { return '/' };
process.chdir = function (dir) {
    throw new Error('process.chdir is not supported');
};
process.umask = function() { return 0; };


/***/ }),
/* 2 */
/***/ (function(module, exports) {

module.exports = __WEBPACK_EXTERNAL_MODULE_2__;

/***/ }),
/* 3 */
/***/ (function(module, exports) {

module.exports = __WEBPACK_EXTERNAL_MODULE_3__;

/***/ }),
/* 4 */
/***/ (function(module, exports, __webpack_require__) {

"use strict";


Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.supportMultiple = undefined;
exports.getDataTransferItems = getDataTransferItems;
exports.fileAccepted = fileAccepted;
exports.fileMatchSize = fileMatchSize;
exports.allFilesAccepted = allFilesAccepted;
exports.onDocumentDragOver = onDocumentDragOver;

var _attrAccept = __webpack_require__(5);

var _attrAccept2 = _interopRequireDefault(_attrAccept);

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

var supportMultiple = exports.supportMultiple = typeof document !== 'undefined' && document && document.createElement ? 'multiple' in document.createElement('input') : true;

function getDataTransferItems(event) {
  var dataTransferItemsList = [];
  if (event.dataTransfer) {
    var dt = event.dataTransfer;
    if (dt.files && dt.files.length) {
      dataTransferItemsList = dt.files;
    } else if (dt.items && dt.items.length) {
      // During the drag even the dataTransfer.files is null
      // but Chrome implements some drag store, which is accesible via dataTransfer.items
      dataTransferItemsList = dt.items;
    }
  } else if (event.target && event.target.files) {
    dataTransferItemsList = event.target.files;
  }
  // Convert from DataTransferItemsList to the native Array
  return Array.prototype.slice.call(dataTransferItemsList);
}

// Firefox versions prior to 53 return a bogus MIME type for every file drag, so dragovers with
// that MIME type will always be accepted
function fileAccepted(file, accept) {
  return file.type === 'application/x-moz-file' || (0, _attrAccept2.default)(file, accept);
}

function fileMatchSize(file, maxSize, minSize) {
  return file.size <= maxSize && file.size >= minSize;
}

function allFilesAccepted(files, accept) {
  return files.every(function (file) {
    return fileAccepted(file, accept);
  });
}

// allow the entire document to be a drag target
function onDocumentDragOver(evt) {
  evt.preventDefault();
}

/***/ }),
/* 5 */
/***/ (function(module, exports) {

module.exports=function(t){function n(e){if(r[e])return r[e].exports;var o=r[e]={exports:{},id:e,loaded:!1};return t[e].call(o.exports,o,o.exports,n),o.loaded=!0,o.exports}var r={};return n.m=t,n.c=r,n.p="",n(0)}([function(t,n,r){"use strict";n.__esModule=!0,r(8),r(9),n["default"]=function(t,n){if(t&&n){var r=function(){var r=Array.isArray(n)?n:n.split(","),e=t.name||"",o=t.type||"",i=o.replace(/\/.*$/,"");return{v:r.some(function(t){var n=t.trim();return"."===n.charAt(0)?e.toLowerCase().endsWith(n.toLowerCase()):/\/\*$/.test(n)?i===n.replace(/\/.*$/,""):o===n})}}();if("object"==typeof r)return r.v}return!0},t.exports=n["default"];},function(t,n){var r=t.exports={version:"1.2.2"};"number"==typeof __e&&(__e=r);},function(t,n){var r=t.exports="undefined"!=typeof window&&window.Math==Math?window:"undefined"!=typeof self&&self.Math==Math?self:Function("return this")();"number"==typeof __g&&(__g=r);},function(t,n,r){var e=r(2),o=r(1),i=r(4),u=r(19),c="prototype",f=function(t,n){return function(){return t.apply(n,arguments)}},s=function(t,n,r){var a,p,l,y,d=t&s.G,h=t&s.P,v=d?e:t&s.S?e[n]||(e[n]={}):(e[n]||{})[c],x=d?o:o[n]||(o[n]={});d&&(r=n);for(a in r)p=!(t&s.F)&&v&&a in v,l=(p?v:r)[a],y=t&s.B&&p?f(l,e):h&&"function"==typeof l?f(Function.call,l):l,v&&!p&&u(v,a,l),x[a]!=l&&i(x,a,y),h&&((x[c]||(x[c]={}))[a]=l);};e.core=o,s.F=1,s.G=2,s.S=4,s.P=8,s.B=16,s.W=32,t.exports=s;},function(t,n,r){var e=r(5),o=r(18);t.exports=r(22)?function(t,n,r){return e.setDesc(t,n,o(1,r))}:function(t,n,r){return t[n]=r,t};},function(t,n){var r=Object;t.exports={create:r.create,getProto:r.getPrototypeOf,isEnum:{}.propertyIsEnumerable,getDesc:r.getOwnPropertyDescriptor,setDesc:r.defineProperty,setDescs:r.defineProperties,getKeys:r.keys,getNames:r.getOwnPropertyNames,getSymbols:r.getOwnPropertySymbols,each:[].forEach};},function(t,n){var r=0,e=Math.random();t.exports=function(t){return"Symbol(".concat(void 0===t?"":t,")_",(++r+e).toString(36))};},function(t,n,r){var e=r(20)("wks"),o=r(2).Symbol;t.exports=function(t){return e[t]||(e[t]=o&&o[t]||(o||r(6))("Symbol."+t))};},function(t,n,r){r(26),t.exports=r(1).Array.some;},function(t,n,r){r(25),t.exports=r(1).String.endsWith;},function(t,n){t.exports=function(t){if("function"!=typeof t)throw TypeError(t+" is not a function!");return t};},function(t,n){var r={}.toString;t.exports=function(t){return r.call(t).slice(8,-1)};},function(t,n,r){var e=r(10);t.exports=function(t,n,r){if(e(t),void 0===n)return t;switch(r){case 1:return function(r){return t.call(n,r)};case 2:return function(r,e){return t.call(n,r,e)};case 3:return function(r,e,o){return t.call(n,r,e,o)}}return function(){return t.apply(n,arguments)}};},function(t,n){t.exports=function(t){if(void 0==t)throw TypeError("Can't call method on  "+t);return t};},function(t,n,r){t.exports=function(t){var n=/./;try{"/./"[t](n);}catch(e){try{return n[r(7)("match")]=!1,!"/./"[t](n)}catch(o){}}return!0};},function(t,n){t.exports=function(t){try{return!!t()}catch(n){return!0}};},function(t,n){t.exports=function(t){return"object"==typeof t?null!==t:"function"==typeof t};},function(t,n,r){var e=r(16),o=r(11),i=r(7)("match");t.exports=function(t){var n;return e(t)&&(void 0!==(n=t[i])?!!n:"RegExp"==o(t))};},function(t,n){t.exports=function(t,n){return{enumerable:!(1&t),configurable:!(2&t),writable:!(4&t),value:n}};},function(t,n,r){var e=r(2),o=r(4),i=r(6)("src"),u="toString",c=Function[u],f=(""+c).split(u);r(1).inspectSource=function(t){return c.call(t)},(t.exports=function(t,n,r,u){"function"==typeof r&&(o(r,i,t[n]?""+t[n]:f.join(String(n))),"name"in r||(r.name=n)),t===e?t[n]=r:(u||delete t[n],o(t,n,r));})(Function.prototype,u,function(){return"function"==typeof this&&this[i]||c.call(this)});},function(t,n,r){var e=r(2),o="__core-js_shared__",i=e[o]||(e[o]={});t.exports=function(t){return i[t]||(i[t]={})};},function(t,n,r){var e=r(17),o=r(13);t.exports=function(t,n,r){if(e(n))throw TypeError("String#"+r+" doesn't accept regex!");return String(o(t))};},function(t,n,r){t.exports=!r(15)(function(){return 7!=Object.defineProperty({},"a",{get:function(){return 7}}).a});},function(t,n){var r=Math.ceil,e=Math.floor;t.exports=function(t){return isNaN(t=+t)?0:(t>0?e:r)(t)};},function(t,n,r){var e=r(23),o=Math.min;t.exports=function(t){return t>0?o(e(t),9007199254740991):0};},function(t,n,r){"use strict";var e=r(3),o=r(24),i=r(21),u="endsWith",c=""[u];e(e.P+e.F*r(14)(u),"String",{endsWith:function(t){var n=i(this,t,u),r=arguments,e=r.length>1?r[1]:void 0,f=o(n.length),s=void 0===e?f:Math.min(o(e),f),a=String(t);return c?c.call(n,a,s):n.slice(s-a.length,s)===a}});},function(t,n,r){var e=r(5),o=r(3),i=r(1).Array||Array,u={},c=function(t,n){e.each.call(t.split(","),function(t){void 0==n&&t in i?u[t]=i[t]:t in[]&&(u[t]=r(12)(Function.call,[][t],n));});};c("pop,reverse,shift,keys,values,entries",1),c("indexOf,every,some,forEach,map,filter,find,findIndex,includes",3),c("join,slice,concat,push,splice,unshift,sort,lastIndexOf,reduce,reduceRight,copyWithin,fill"),o(o.S,"Array",u);}]);

/***/ }),
/* 6 */
/***/ (function(module, exports, __webpack_require__) {

"use strict";


Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = {
  rejected: {
    borderStyle: 'solid',
    borderColor: '#c66',
    backgroundColor: '#eee'
  },
  disabled: {
    opacity: 0.5
  },
  active: {
    borderStyle: 'solid',
    borderColor: '#6c6',
    backgroundColor: '#eee'
  },
  default: {
    width: 200,
    height: 200,
    borderWidth: 2,
    borderColor: '#666',
    borderStyle: 'dashed',
    borderRadius: 5
  }
};
module.exports = exports['default'];

/***/ })
/******/ ]);
});

});

var Zone = unwrapExports(dist);

var StyledZone = styled(Zone).withConfig({
  displayName: 'dropzone__StyledZone',
  componentId: 's7ees94-0'
})([['{box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;color:', function (props) {
  return props.theme.grey;
}, ';border:1px dashed ', function (props) {
  return props.theme.grey;
}, ';padding:1.25em;font-family:', function (props) {
  return props.theme.font.base;
}, ';font-weight:300;}']]);

var Dropzone = function Dropzone(_ref) {
  var children = _ref.children,
      other = objectWithoutProperties(_ref, ['children']);
  return React.createElement(
    StyledZone,
    other,
    children || React.createElement(
      'span',
      null,
      'Click or drag to upload file'
    )
  );
};

Dropzone.propTypes = {
  children: PropTypes.node
};

var autosize = createCommonjsModule(function (module, exports) {
/*!
	Autosize 3.0.21
	license: MIT
	http://www.jacklmoore.com/autosize
*/
(function (global, factory) {
	if (typeof undefined === 'function' && undefined.amd) {
		undefined(['exports', 'module'], factory);
	} else {
		factory(exports, module);
	}
})(commonjsGlobal, function (exports, module) {
	'use strict';

	var map = typeof Map === "function" ? new Map() : (function () {
		var keys = [];
		var values = [];

		return {
			has: function has(key) {
				return keys.indexOf(key) > -1;
			},
			get: function get(key) {
				return values[keys.indexOf(key)];
			},
			set: function set(key, value) {
				if (keys.indexOf(key) === -1) {
					keys.push(key);
					values.push(value);
				}
			},
			'delete': function _delete(key) {
				var index = keys.indexOf(key);
				if (index > -1) {
					keys.splice(index, 1);
					values.splice(index, 1);
				}
			}
		};
	})();

	var createEvent = function createEvent(name) {
		return new Event(name, { bubbles: true });
	};
	try {
		new Event('test');
	} catch (e) {
		// IE does not support `new Event()`
		createEvent = function (name) {
			var evt = document.createEvent('Event');
			evt.initEvent(name, true, false);
			return evt;
		};
	}

	function assign(ta) {
		if (!ta || !ta.nodeName || ta.nodeName !== 'TEXTAREA' || map.has(ta)) return;

		var heightOffset = null;
		var clientWidth = ta.clientWidth;
		var cachedHeight = null;

		function init() {
			var style = window.getComputedStyle(ta, null);

			if (style.resize === 'vertical') {
				ta.style.resize = 'none';
			} else if (style.resize === 'both') {
				ta.style.resize = 'horizontal';
			}

			if (style.boxSizing === 'content-box') {
				heightOffset = -(parseFloat(style.paddingTop) + parseFloat(style.paddingBottom));
			} else {
				heightOffset = parseFloat(style.borderTopWidth) + parseFloat(style.borderBottomWidth);
			}
			// Fix when a textarea is not on document body and heightOffset is Not a Number
			if (isNaN(heightOffset)) {
				heightOffset = 0;
			}

			update();
		}

		function changeOverflow(value) {
			{
				// Chrome/Safari-specific fix:
				// When the textarea y-overflow is hidden, Chrome/Safari do not reflow the text to account for the space
				// made available by removing the scrollbar. The following forces the necessary text reflow.
				var width = ta.style.width;
				ta.style.width = '0px';
				// Force reflow:
				/* jshint ignore:start */
				ta.offsetWidth;
				/* jshint ignore:end */
				ta.style.width = width;
			}

			ta.style.overflowY = value;
		}

		function getParentOverflows(el) {
			var arr = [];

			while (el && el.parentNode && el.parentNode instanceof Element) {
				if (el.parentNode.scrollTop) {
					arr.push({
						node: el.parentNode,
						scrollTop: el.parentNode.scrollTop
					});
				}
				el = el.parentNode;
			}

			return arr;
		}

		function resize() {
			var originalHeight = ta.style.height;
			var overflows = getParentOverflows(ta);
			var docTop = document.documentElement && document.documentElement.scrollTop; // Needed for Mobile IE (ticket #240)

			ta.style.height = 'auto';

			var endHeight = ta.scrollHeight + heightOffset;

			if (ta.scrollHeight === 0) {
				// If the scrollHeight is 0, then the element probably has display:none or is detached from the DOM.
				ta.style.height = originalHeight;
				return;
			}

			ta.style.height = endHeight + 'px';

			// used to check if an update is actually necessary on window.resize
			clientWidth = ta.clientWidth;

			// prevents scroll-position jumping
			overflows.forEach(function (el) {
				el.node.scrollTop = el.scrollTop;
			});

			if (docTop) {
				document.documentElement.scrollTop = docTop;
			}
		}

		function update() {
			resize();

			var styleHeight = Math.round(parseFloat(ta.style.height));
			var computed = window.getComputedStyle(ta, null);

			// Using offsetHeight as a replacement for computed.height in IE, because IE does not account use of border-box
			var actualHeight = computed.boxSizing === 'content-box' ? Math.round(parseFloat(computed.height)) : ta.offsetHeight;

			// The actual height not matching the style height (set via the resize method) indicates that
			// the max-height has been exceeded, in which case the overflow should be allowed.
			if (actualHeight !== styleHeight) {
				if (computed.overflowY === 'hidden') {
					changeOverflow('scroll');
					resize();
					actualHeight = computed.boxSizing === 'content-box' ? Math.round(parseFloat(window.getComputedStyle(ta, null).height)) : ta.offsetHeight;
				}
			} else {
				// Normally keep overflow set to hidden, to avoid flash of scrollbar as the textarea expands.
				if (computed.overflowY !== 'hidden') {
					changeOverflow('hidden');
					resize();
					actualHeight = computed.boxSizing === 'content-box' ? Math.round(parseFloat(window.getComputedStyle(ta, null).height)) : ta.offsetHeight;
				}
			}

			if (cachedHeight !== actualHeight) {
				cachedHeight = actualHeight;
				var evt = createEvent('autosize:resized');
				try {
					ta.dispatchEvent(evt);
				} catch (err) {
					// Firefox will throw an error on dispatchEvent for a detached element
					// https://bugzilla.mozilla.org/show_bug.cgi?id=889376
				}
			}
		}

		var pageResize = function pageResize() {
			if (ta.clientWidth !== clientWidth) {
				update();
			}
		};

		var destroy = (function (style) {
			window.removeEventListener('resize', pageResize, false);
			ta.removeEventListener('input', update, false);
			ta.removeEventListener('keyup', update, false);
			ta.removeEventListener('autosize:destroy', destroy, false);
			ta.removeEventListener('autosize:update', update, false);

			Object.keys(style).forEach(function (key) {
				ta.style[key] = style[key];
			});

			map['delete'](ta);
		}).bind(ta, {
			height: ta.style.height,
			resize: ta.style.resize,
			overflowY: ta.style.overflowY,
			overflowX: ta.style.overflowX,
			wordWrap: ta.style.wordWrap
		});

		ta.addEventListener('autosize:destroy', destroy, false);

		// IE9 does not fire onpropertychange or oninput for deletions,
		// so binding to onkeyup to catch most of those events.
		// There is no way that I know of to detect something like 'cut' in IE9.
		if ('onpropertychange' in ta && 'oninput' in ta) {
			ta.addEventListener('keyup', update, false);
		}

		window.addEventListener('resize', pageResize, false);
		ta.addEventListener('input', update, false);
		ta.addEventListener('autosize:update', update, false);
		ta.style.overflowX = 'hidden';
		ta.style.wordWrap = 'break-word';

		map.set(ta, {
			destroy: destroy,
			update: update
		});

		init();
	}

	function destroy(ta) {
		var methods = map.get(ta);
		if (methods) {
			methods.destroy();
		}
	}

	function update(ta) {
		var methods = map.get(ta);
		if (methods) {
			methods.update();
		}
	}

	var autosize = null;

	// Do nothing in Node.js environment and IE8 (or lower)
	if (typeof window === 'undefined' || typeof window.getComputedStyle !== 'function') {
		autosize = function (el) {
			return el;
		};
		autosize.destroy = function (el) {
			return el;
		};
		autosize.update = function (el) {
			return el;
		};
	} else {
		autosize = function (el, options) {
			if (el) {
				Array.prototype.forEach.call(el.length ? el : [el], function (x) {
					return assign(x, options);
				});
			}
			return el;
		};
		autosize.destroy = function (el) {
			if (el) {
				Array.prototype.forEach.call(el.length ? el : [el], destroy);
			}
			return el;
		};
		autosize.update = function (el) {
			if (el) {
				Array.prototype.forEach.call(el.length ? el : [el], update);
			}
			return el;
		};
	}

	module.exports = autosize;
});
});

// This code has been refactored for 140 bytes
// You can see the original here: https://github.com/twolfson/computedStyle/blob/04cd1da2e30fa45844f95f5cb1ac898e9b9ef050/lib/computedStyle.js
var computedStyle = function (el, prop, getComputedStyle) {
  getComputedStyle = window.getComputedStyle;

  // In one fell swoop
  return (
    // If we have getComputedStyle
    getComputedStyle ?
      // Query it
      // TODO: From CSS-Query notes, we might need (node, null) for FF
      getComputedStyle(el) :

    // Otherwise, we are in IE and use currentStyle
      el.currentStyle
  )[
    // Switch to camelCase for CSSOM
    // DEV: Grabbed from jQuery
    // https://github.com/jquery/jquery/blob/1.9-stable/src/css.js#L191-L194
    // https://github.com/jquery/jquery/blob/1.9-stable/src/core.js#L593-L597
    prop.replace(/-(\w)/gi, function (word, letter) {
      return letter.toUpperCase();
    })
  ];
};

var computedStyle_commonjs = computedStyle;

// Load in dependencies


/**
 * Calculate the `line-height` of a given node
 * @param {HTMLElement} node Element to calculate line height of. Must be in the DOM.
 * @returns {Number} `line-height` of the element in pixels
 */
function lineHeight(node) {
  // Grab the line-height via style
  var lnHeightStr = computedStyle_commonjs(node, 'line-height');
  var lnHeight = parseFloat(lnHeightStr, 10);

  // If the lineHeight did not contain a unit (i.e. it was numeric), convert it to ems (e.g. '2.3' === '2.3em')
  if (lnHeightStr === lnHeight + '') {
    // Save the old lineHeight style and update the em unit to the element
    var _lnHeightStyle = node.style.lineHeight;
    node.style.lineHeight = lnHeightStr + 'em';

    // Calculate the em based height
    lnHeightStr = computedStyle_commonjs(node, 'line-height');
    lnHeight = parseFloat(lnHeightStr, 10);

    // Revert the lineHeight style
    if (_lnHeightStyle) {
      node.style.lineHeight = _lnHeightStyle;
    } else {
      delete node.style.lineHeight;
    }
  }

  // If the lineHeight is in `pt`, convert it to pixels (4px for 3pt)
  // DEV: `em` units are converted to `pt` in IE6
  // Conversion ratio from https://developer.mozilla.org/en-US/docs/Web/CSS/length
  if (lnHeightStr.indexOf('pt') !== -1) {
    lnHeight *= 4;
    lnHeight /= 3;
  // Otherwise, if the lineHeight is in `mm`, convert it to pixels (96px for 25.4mm)
  } else if (lnHeightStr.indexOf('mm') !== -1) {
    lnHeight *= 96;
    lnHeight /= 25.4;
  // Otherwise, if the lineHeight is in `cm`, convert it to pixels (96px for 2.54cm)
  } else if (lnHeightStr.indexOf('cm') !== -1) {
    lnHeight *= 96;
    lnHeight /= 2.54;
  // Otherwise, if the lineHeight is in `in`, convert it to pixels (96px for 1in)
  } else if (lnHeightStr.indexOf('in') !== -1) {
    lnHeight *= 96;
  // Otherwise, if the lineHeight is in `pc`, convert it to pixels (12pt for 1pc)
  } else if (lnHeightStr.indexOf('pc') !== -1) {
    lnHeight *= 16;
  }

  // Continue our computation
  lnHeight = Math.round(lnHeight);

  // If the line-height is "normal", calculate by font-size
  if (lnHeightStr === 'normal') {
    // Create a temporary node
    var nodeName = node.nodeName;
    var _node = document.createElement(nodeName);
    _node.innerHTML = '&nbsp;';

    // If we have a text area, reset it to only 1 row
    // https://github.com/twolfson/line-height/issues/4
    if (nodeName.toUpperCase() === 'TEXTAREA') {
      _node.setAttribute('rows', '1');
    }

    // Set the font-size of the element
    var fontSizeStr = computedStyle_commonjs(node, 'font-size');
    _node.style.fontSize = fontSizeStr;

    // Remove default padding/border which can affect offset height
    // https://github.com/twolfson/line-height/issues/4
    // https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/offsetHeight
    _node.style.padding = '0px';
    _node.style.border = '0px';

    // Append it to the body
    var body = document.body;
    body.appendChild(_node);

    // Assume the line height of the element is the height
    var height = _node.offsetHeight;
    lnHeight = height;

    // Remove our child from the DOM
    body.removeChild(_node);
  }

  // Return the calculated height
  return lnHeight;
}

// Export lineHeight
var lineHeight_1 = lineHeight;

var TextareaAutosize_1 = createCommonjsModule(function (module, exports) {
'use strict';

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

var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };

var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();

var _class, _temp2;



var _react2 = _interopRequireDefault(React);



var _propTypes2 = _interopRequireDefault(PropTypes);



var _autosize2 = _interopRequireDefault(autosize);



var _lineHeight2 = _interopRequireDefault(lineHeight_1);

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

function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }

function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }

var UPDATE = 'autosize:update',
    DESTROY = 'autosize:destroy',
    RESIZED = 'autosize:resized';

/** A light replacement for built-in textarea component
 * which automaticaly adjusts its height to match the content
 * @param onResize - called whenever the textarea resizes
 * @param rows - minimum number of visible rows
 * @param maxRows - maximum number of visible rows
 * @param innerRef - called with the ref to the DOM node
 */
var TextareaAutosize = (_temp2 = _class = function (_React$Component) {
  _inherits(TextareaAutosize, _React$Component);

  function TextareaAutosize() {
    var _ref;

    var _temp, _this, _ret;

    _classCallCheck(this, TextareaAutosize);

    for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
      args[_key] = arguments[_key];
    }

    return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = TextareaAutosize.__proto__ || Object.getPrototypeOf(TextareaAutosize)).call.apply(_ref, [this].concat(args))), _this), _this.state = {
      lineHeight: null
    }, _this.dispatchEvent = function (EVENT_TYPE) {
      var event = document.createEvent('Event');
      event.initEvent(EVENT_TYPE, true, false);

      _this.textarea.dispatchEvent(event);
    }, _this.getValue = function (_ref2) {
      var valueLink = _ref2.valueLink,
          value = _ref2.value;
      return valueLink ? valueLink.value : value;
    }, _this.updateLineHeight = function () {
      _this.setState({
        lineHeight: (0, _lineHeight2.default)(_this.textarea)
      });
    }, _this.onChange = function (e) {
      _this.currentValue = e.target.value;
      _this.props.onChange && _this.props.onChange(e);
    }, _this.saveDOMNodeRef = function (ref) {
      var innerRef = _this.props.innerRef;


      if (innerRef) {
        innerRef(ref);
      }

      _this.textarea = ref;
    }, _this.getLocals = function () {
      var _this2 = _this,
          _this2$props = _this2.props,
          onResize = _this2$props.onResize,
          maxRows = _this2$props.maxRows,
          onChange = _this2$props.onChange,
          style = _this2$props.style,
          innerRef = _this2$props.innerRef,
          props = _objectWithoutProperties(_this2$props, ['onResize', 'maxRows', 'onChange', 'style', 'innerRef']),
          lineHeight = _this2.state.lineHeight,
          saveDOMNodeRef = _this2.saveDOMNodeRef;

      var maxHeight = maxRows && lineHeight ? lineHeight * maxRows : null;

      return _extends({}, props, {
        saveDOMNodeRef: saveDOMNodeRef,
        style: maxHeight ? _extends({}, style, { maxHeight: maxHeight }) : style,
        onChange: _this.onChange
      });
    }, _temp), _possibleConstructorReturn(_this, _ret);
  }

  _createClass(TextareaAutosize, [{
    key: 'componentDidMount',
    value: function componentDidMount() {
      var _this3 = this;

      var _props = this.props,
          onResize = _props.onResize,
          maxRows = _props.maxRows;


      if (typeof maxRows === 'number') {
        this.updateLineHeight();

        // this trick is needed to force "autosize" to activate the scrollbar
        setTimeout(function () {
          return (0, _autosize2.default)(_this3.textarea);
        });
      } else {
        (0, _autosize2.default)(this.textarea);
      }

      if (onResize) {
        this.textarea.addEventListener(RESIZED, this.props.onResize);
      }
    }
  }, {
    key: 'componentWillUnmount',
    value: function componentWillUnmount() {
      if (this.props.onResize) {
        this.textarea.removeEventListener(RESIZED, this.props.onResize);
      }
      this.dispatchEvent(DESTROY);
    }
  }, {
    key: 'render',
    value: function render() {
      var _getLocals = this.getLocals(),
          children = _getLocals.children,
          saveDOMNodeRef = _getLocals.saveDOMNodeRef,
          locals = _objectWithoutProperties(_getLocals, ['children', 'saveDOMNodeRef']);

      return _react2.default.createElement(
        'textarea',
        _extends({}, locals, { ref: saveDOMNodeRef }),
        children
      );
    }
  }, {
    key: 'componentDidUpdate',
    value: function componentDidUpdate() {
      if (this.getValue(this.props) !== this.currentValue) {
        this.dispatchEvent(UPDATE);
      }
    }
  }]);

  return TextareaAutosize;
}(_react2.default.Component), _class.defaultProps = {
  rows: 1
}, _temp2);
exports.default = TextareaAutosize;


TextareaAutosize.propTypes = {
  rows: _propTypes2.default.number,
  maxRows: _propTypes2.default.number,
  onResize: _propTypes2.default.func,
  innerRef: _propTypes2.default.func
};
});

unwrapExports(TextareaAutosize_1);

var lib = createCommonjsModule(function (module, exports) {
'use strict';

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



var _TextareaAutosize2 = _interopRequireDefault(TextareaAutosize_1);

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

exports.default = _TextareaAutosize2.default;
});

var AutosizeTextarea = unwrapExports(lib);

var lib$1 = createCommonjsModule(function (module, exports) {
"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = filterReactDomProps;
var DOMProps = {
  "abbr": "abbr",
  "accept": "accept",
  "acceptCharset": "accept-charset",
  "accessKey": "accesskey",
  "action": "action",
  "allowFullScreen": "allowfullscreen",
  "allowTransparency": "allowtransparency",
  "alt": "alt",
  "async": "async",
  "autoComplete": "autocomplete",
  "autoFocus": "autofocus",
  "autoPlay": "autoplay",
  "cellPadding": "cellpadding",
  "cellSpacing": "cellspacing",
  "challenge": "challenge",
  "charset": "charset",
  "checked": "checked",
  "cite": "cite",
  "class": "class",
  "className": "class",
  "cols": "cols",
  "colSpan": "colspan",
  "command": "command",
  "content": "content",
  "contentEditable": "contenteditable",
  "contextMenu": "contextmenu",
  "controls": "controls",
  "coords": "coords",
  "crossOrigin": "crossorigin",
  "data": "data",
  "dateTime": "datetime",
  "default": "default",
  "defer": "defer",
  "dir": "dir",
  "disabled": "disabled",
  "download": "download",
  "draggable": "draggable",
  "dropzone": "dropzone",
  "encType": "enctype",
  "for": "for",
  "form": "form",
  "formAction": "formaction",
  "formEncType": "formenctype",
  "formMethod": "formmethod",
  "formNoValidate": "formnovalidate",
  "formTarget": "formtarget",
  "frameBorder": "frameBorder",
  "headers": "headers",
  "height": "height",
  "hidden": "hidden",
  "high": "high",
  "href": "href",
  "hrefLang": "hreflang",
  "htmlFor": "for",
  "httpEquiv": "http-equiv",
  "icon": "icon",
  "id": "id",
  "inputMode": "inputmode",
  "isMap": "ismap",
  "itemId": "itemid",
  "itemProp": "itemprop",
  "itemRef": "itemref",
  "itemScope": "itemscope",
  "itemType": "itemtype",
  "kind": "kind",
  "label": "label",
  "lang": "lang",
  "list": "list",
  "loop": "loop",
  "manifest": "manifest",
  "max": "max",
  "maxLength": "maxlength",
  "media": "media",
  "mediaGroup": "mediagroup",
  "method": "method",
  "min": "min",
  "minLength": "minlength",
  "multiple": "multiple",
  "muted": "muted",
  "name": "name",
  "noValidate": "novalidate",
  "open": "open",
  "optimum": "optimum",
  "pattern": "pattern",
  "ping": "ping",
  "placeholder": "placeholder",
  "poster": "poster",
  "preload": "preload",
  "radioGroup": "radiogroup",
  "readOnly": "readonly",
  "rel": "rel",
  "required": "required",
  "role": "role",
  "rows": "rows",
  "rowSpan": "rowspan",
  "sandbox": "sandbox",
  "scope": "scope",
  "scoped": "scoped",
  "scrolling": "scrolling",
  "seamless": "seamless",
  "selected": "selected",
  "shape": "shape",
  "size": "size",
  "sizes": "sizes",
  "sortable": "sortable",
  "span": "span",
  "spellCheck": "spellcheck",
  "src": "src",
  "srcDoc": "srcdoc",
  "srcSet": "srcset",
  "start": "start",
  "step": "step",
  "style": "style",
  "tabIndex": "tabindex",
  "target": "target",
  "title": "title",
  "translate": "translate",
  "type": "type",
  "typeMustMatch": "typemustmatch",
  "useMap": "usemap",
  "value": "value",
  "width": "width",
  "wmode": "wmode",
  "wrap": "wrap",
  "onCopy": "onCopy",
  "onCut": "onCut",
  "onPaste": "onPaste",
  "onLoad": "onLoad",
  "onError": "onError",
  "onWheel": "onWheel",
  "onScroll": "onScroll",
  "onCompositionEnd": "onCompositionEnd",
  "onCompositionStart": "onCompositionStart",
  "onCompositionUpdate": "onCompositionUpdate",
  "onKeyDown": "onKeyDown",
  "onKeyPress": "onKeyPress",
  "onKeyUp": "onKeyUp",
  "onFocus": "onFocus",
  "onBlur": "onBlur",
  "onChange": "onChange",
  "onInput": "onInput",
  "onSubmit": "onSubmit",
  "onClick": "onClick",
  "onContextMenu": "onContextMenu",
  "onDoubleClick": "onDoubleClick",
  "onDrag": "onDrag",
  "onDragEnd": "onDragEnd",
  "onDragEnter": "onDragEnter",
  "onDragExit": "onDragExit",
  "onDragLeave": "onDragLeave",
  "onDragOver": "onDragOver",
  "onDragStart": "onDragStart",
  "onDrop": "onDrop",
  "onMouseDown": "onMouseDown",
  "onMouseEnter": "onMouseEnter",
  "onMouseLeave": "onMouseLeave",
  "onMouseMove": "onMouseMove",
  "onMouseOut": "onMouseOut",
  "onMouseOver": "onMouseOver",
  "onMouseUp": "onMouseUp",
  "onSelect": "onSelect",
  "onTouchCancel": "onTouchCancel",
  "onTouchEnd": "onTouchEnd",
  "onTouchMove": "onTouchMove",
  "onTouchStart": "onTouchStart",
  "onAnimationStart": "onAnimationStart",
  "onAnimationEnd": "onAnimationEnd",
  "onAnimationIteration": "onAnimationIteration",
  "onTransitionEnd": "onTransitionEnd"
};

function filterReactDomProps(props) {
  var filterProps = {};

  for (var prop in props) {
    if (props.hasOwnProperty(prop) && DOMProps[prop]) {
      filterProps[prop] = props[prop];
    }
  }
  return filterProps;
}
});

var filterReactDomProps = unwrapExports(lib$1);

var StyledTextarea = styled(AutosizeTextarea).withConfig({
  displayName: 'textarea__StyledTextarea',
  componentId: 's15dqnkm-0'
})([['{width:', function (props) {
  return props.width || 'auto';
}, ';', fontSize(2), ';line-height:1.45;font-weight:300;padding:1em;border:none;border-radius:3px;border:1px solid ', function (props) {
  return props.theme.color.grey.dim;
}, ';box-shadow:0px 2px 0px 0px rgba(0,0,0,0.16);height:', function (props) {
  return props.height || '10em';
}, ';resize:none;}'], [':focus,'], [':active{outline:0;border-color:', function (props) {
  return props.theme.colors.black;
}, ';}']]);

var Textarea = function Textarea(props) {
  return React.createElement(StyledTextarea, _extends({}, filterReactDomProps(props), { value: props.value || '' }));
};

var _templateObject$3 = taggedTemplateLiteral(['font-size: 1em'], ['font-size: 1em']);
var _templateObject2 = taggedTemplateLiteral(['font-size: 1.25em'], ['font-size: 1.25em']);
var _templateObject3 = taggedTemplateLiteral(['font-size: 1.125em'], ['font-size: 1.125em']);
var _templateObject4 = taggedTemplateLiteral(['font-size: 1.5em;'], ['font-size: 1.5em;']);
var _templateObject5 = taggedTemplateLiteral(['font-size: 1.875em;'], ['font-size: 1.875em;']);

var Paragraph = styled.p.withConfig({
  displayName: 'paragraph__Paragraph',
  componentId: 's446idw-0'
})([['{font-size:0.875em;font-family:', function (props) {
  return props.theme.font.base;
}, ';font-weight:300;line-height:1.4;margin:0;margin-bottom:1em;', media.small(_templateObject$3), ' ', media.medium(_templateObject2), ' ', media.large(_templateObject3), ';}']]);

var Lead = styled.p.withConfig({
  displayName: 'paragraph__Lead',
  componentId: 's446idw-1'
})([['{font-size:1.125em;font-family:', function (props) {
  return props.theme.font.header;
}, ';font-weight:400;line-height:1.3;margin:0;margin-bottom:1.5em;', media.medium(_templateObject4), ' ', media.extraLarge(_templateObject5), ';}']]);

// main function
var zpad = function (n, m, c) {
  if (!m) m = zpad._amount;
  if (!c) c = zpad._character;
  if (m < 1) m = 1;
  n = "" + n;
  m -= n.length;
  while (m-- > 0) n = c + n;
  return n;
};

// properties
zpad._amount = 2;
zpad._character = '0';

// 'amount' getter/setter
zpad.amount = function (m) {
  if (m) {
    zpad._amount = m;
    return zpad; // return main function for chaining
  } else {
    return zpad._amount;
  }
};

// 'character' getter/setter
zpad.character = function (c) {
  if (c) {
    zpad._character = c;
    return zpad; // return main function for chaining
  } else {
    return zpad._character;
  }
};

var zpad_1 = zpad;

var Label$3 = styled.div.withConfig({
  displayName: 'label',
  componentId: 'v5h8hm-0'
})([['{position:absolute;top:0;z-index:5;text-align:center;width:100%;font-family:', function (props) {
  return props.theme.font.header;
}, ';font-size:2.5em;line-height:1.1;color:', function (props) {
  return props.theme.canvasDim;
}, ';}']]);

var Clock = styled.div.withConfig({
  displayName: 'clock__Clock',
  componentId: 'ihqbcy-0'
})([['{position:relative;z-index:10;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}']]);

var Unit = styled.div.withConfig({
  displayName: 'clock__Unit',
  componentId: 'ihqbcy-1'
})([['{text-align:center;}']]);

var UnitLabel = styled.div.withConfig({
  displayName: 'clock__UnitLabel',
  componentId: 'ihqbcy-2'
})([['{display:block;font-family:', function (props) {
  return props.theme.font.base;
}, ';font-size:0.875em;color:', function (props) {
  return props.theme.dark;
}, ';}']]);

var UnitAmount = styled.div.withConfig({
  displayName: 'clock__UnitAmount',
  componentId: 'ihqbcy-3'
})([['{display:block;font-family:', function (props) {
  return props.theme.font.header;
}, ';font-size:2.5em;color:', function (props) {
  return props.theme.dark;
}, ';min-width:1.5em;}']]);

var DAY = 60 * 60 * 24;
var HOUR = 60 * 60;
var MINUTE = 60;
var SECOND = 1;

/**
 * Get the difference between the start and the end time.
 * For the countdown we need the days in absolute amounts, and the
 * hours, minutes & seconds relative.
 *
 * If there is no end date passed in, we grab the current time.
 *
 * @param  {String} start
 * @param  {String} end
 * @return {Object}
 */
function differenceInDays(start, end) {
  var startDate = start ? new Date(start) : new Date();
  var endDate = end ? new Date(end) : new Date();
  var difference = Math.abs(endDate.getTime() - startDate.getTime()) / 1000;

  var days = Math.floor(difference / DAY);
  var hours = Math.floor((difference - days * DAY) / HOUR);
  var minutes = Math.floor((difference - days * DAY - hours * HOUR) / MINUTE);
  var seconds = Math.floor((difference - days * DAY - hours * HOUR - minutes * MINUTE) / SECOND);

  return {
    days: days,
    hours: hours,
    minutes: minutes,
    seconds: seconds
  };
}

var Countdown = function (_Component) {
  inherits(Countdown, _Component);

  function Countdown() {
    var _ref;

    var _temp, _this, _ret;

    classCallCheck(this, Countdown);

    for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
      args[_key] = arguments[_key];
    }

    return _ret = (_temp = (_this = possibleConstructorReturn(this, (_ref = Countdown.__proto__ || Object.getPrototypeOf(Countdown)).call.apply(_ref, [this].concat(args))), _this), _this.state = {
      diff: differenceInDays(_this.props.date, _this.props.now)
    }, _temp), possibleConstructorReturn(_this, _ret);
  }
  /**
   * Define the proptypes of the component.
   * @type {Object}
   */


  /**
   * Define the initial state of the component.
   * @type {Object}
   */


  createClass(Countdown, [{
    key: 'componentDidMount',


    /**
     * Invoked when the component is mounted.
     *
     * @return {void}
     */
    value: function componentDidMount() {
      var _this2 = this;

      this.timer = setInterval(function () {
        _this2.setState({
          diff: differenceInDays(_this2.props.date, _this2.props.now)
        });
      });
    }

    /**
     * Invoked when the component will unmount.
     *
     * @return {void}
     */

  }, {
    key: 'componentWillUnmount',
    value: function componentWillUnmount() {
      clearInterval(this.timer);
    }

    /**
     * Render the component
     *
     * @return {ReactElement}
     */

  }, {
    key: 'render',
    value: function render() {
      var diff = this.state.diff;
      var _props = this.props,
          label = _props.label,
          className = _props.className;


      return React.createElement(
        'div',
        { className: className },
        React.createElement(
          Label$3,
          null,
          label
        ),
        React.createElement(
          Clock,
          null,
          React.createElement(
            Unit,
            null,
            React.createElement(
              UnitAmount,
              null,
              diff.days
            ),
            React.createElement(
              UnitLabel,
              null,
              'days'
            )
          ),
          React.createElement(
            Unit,
            null,
            React.createElement(
              UnitAmount,
              null,
              zpad_1(diff.hours)
            ),
            React.createElement(
              UnitLabel,
              null,
              'hrs'
            )
          ),
          React.createElement(
            Unit,
            null,
            React.createElement(
              UnitAmount,
              null,
              zpad_1(diff.minutes)
            ),
            React.createElement(
              UnitLabel,
              null,
              'min'
            )
          ),
          React.createElement(
            Unit,
            null,
            React.createElement(
              UnitAmount,
              null,
              zpad_1(diff.seconds)
            ),
            React.createElement(
              UnitLabel,
              null,
              'sec'
            )
          )
        )
      );
    }
  }]);
  return Countdown;
}(Component);

Countdown.propTypes = {
  now: PropTypes.string,
  className: PropTypes.string,
  date: PropTypes.string.isRequired,
  label: PropTypes.string.isRequired
};
styled(Countdown).withConfig({
  displayName: 'countdown',
  componentId: 's1m9xmxa-0'
})([['{display:block;position:relative;padding-top:1.5em;}']]);

/**
 * Checks if `value` is classified as an `Array` object.
 *
 * @static
 * @memberOf _
 * @since 0.1.0
 * @category Lang
 * @param {*} value The value to check.
 * @returns {boolean} Returns `true` if `value` is an array, else `false`.
 * @example
 *
 * _.isArray([1, 2, 3]);
 * // => true
 *
 * _.isArray(document.body.children);
 * // => false
 *
 * _.isArray('abc');
 * // => false
 *
 * _.isArray(_.noop);
 * // => false
 */
var isArray = Array.isArray;

var isArray_1 = isArray;

/** Used to match property names within property paths. */
var reIsDeepProp = /\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/;
var reIsPlainProp = /^\w*$/;

/**
 * Checks if `value` is a property name and not a property path.
 *
 * @private
 * @param {*} value The value to check.
 * @param {Object} [object] The object to query keys on.
 * @returns {boolean} Returns `true` if `value` is a property name, else `false`.
 */
function isKey(value, object) {
  if (isArray_1(value)) {
    return false;
  }
  var type = typeof value;
  if (type == 'number' || type == 'symbol' || type == 'boolean' ||
      value == null || isSymbol_1(value)) {
    return true;
  }
  return reIsPlainProp.test(value) || !reIsDeepProp.test(value) ||
    (object != null && value in Object(object));
}

var _isKey = isKey;

/** `Object#toString` result references. */
var asyncTag = '[object AsyncFunction]';
var funcTag = '[object Function]';
var genTag = '[object GeneratorFunction]';
var proxyTag = '[object Proxy]';

/**
 * Checks if `value` is classified as a `Function` object.
 *
 * @static
 * @memberOf _
 * @since 0.1.0
 * @category Lang
 * @param {*} value The value to check.
 * @returns {boolean} Returns `true` if `value` is a function, else `false`.
 * @example
 *
 * _.isFunction(_);
 * // => true
 *
 * _.isFunction(/abc/);
 * // => false
 */
function isFunction(value) {
  if (!isObject_1(value)) {
    return false;
  }
  // The use of `Object#toString` avoids issues with the `typeof` operator
  // in Safari 9 which returns 'object' for typed arrays and other constructors.
  var tag = _baseGetTag(value);
  return tag == funcTag || tag == genTag || tag == asyncTag || tag == proxyTag;
}

var isFunction_1 = isFunction;

/** Used to detect overreaching core-js shims. */
var coreJsData = _root['__core-js_shared__'];

var _coreJsData = coreJsData;

/** Used to detect methods masquerading as native. */
var maskSrcKey = (function() {
  var uid = /[^.]+$/.exec(_coreJsData && _coreJsData.keys && _coreJsData.keys.IE_PROTO || '');
  return uid ? ('Symbol(src)_1.' + uid) : '';
}());

/**
 * Checks if `func` has its source masked.
 *
 * @private
 * @param {Function} func The function to check.
 * @returns {boolean} Returns `true` if `func` is masked, else `false`.
 */
function isMasked(func) {
  return !!maskSrcKey && (maskSrcKey in func);
}

var _isMasked = isMasked;

/** Used for built-in method references. */
var funcProto$1 = Function.prototype;

/** Used to resolve the decompiled source of functions. */
var funcToString$1 = funcProto$1.toString;

/**
 * Converts `func` to its source code.
 *
 * @private
 * @param {Function} func The function to convert.
 * @returns {string} Returns the source code.
 */
function toSource(func) {
  if (func != null) {
    try {
      return funcToString$1.call(func);
    } catch (e) {}
    try {
      return (func + '');
    } catch (e) {}
  }
  return '';
}

var _toSource = toSource;

/**
 * Used to match `RegExp`
 * [syntax characters](http://ecma-international.org/ecma-262/7.0/#sec-patterns).
 */
var reRegExpChar = /[\\^$.*+?()[\]{}|]/g;

/** Used to detect host constructors (Safari). */
var reIsHostCtor = /^\[object .+?Constructor\]$/;

/** Used for built-in method references. */
var funcProto = Function.prototype;
var objectProto$2 = Object.prototype;

/** Used to resolve the decompiled source of functions. */
var funcToString = funcProto.toString;

/** Used to check objects for own properties. */
var hasOwnProperty$1 = objectProto$2.hasOwnProperty;

/** Used to detect if a method is native. */
var reIsNative = RegExp('^' +
  funcToString.call(hasOwnProperty$1).replace(reRegExpChar, '\\$&')
  .replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, '$1.*?') + '$'
);

/**
 * The base implementation of `_.isNative` without bad shim checks.
 *
 * @private
 * @param {*} value The value to check.
 * @returns {boolean} Returns `true` if `value` is a native function,
 *  else `false`.
 */
function baseIsNative(value) {
  if (!isObject_1(value) || _isMasked(value)) {
    return false;
  }
  var pattern = isFunction_1(value) ? reIsNative : reIsHostCtor;
  return pattern.test(_toSource(value));
}

var _baseIsNative = baseIsNative;

/**
 * Gets the value at `key` of `object`.
 *
 * @private
 * @param {Object} [object] The object to query.
 * @param {string} key The key of the property to get.
 * @returns {*} Returns the property value.
 */
function getValue(object, key) {
  return object == null ? undefined : object[key];
}

var _getValue = getValue;

/**
 * Gets the native function at `key` of `object`.
 *
 * @private
 * @param {Object} object The object to query.
 * @param {string} key The key of the method to get.
 * @returns {*} Returns the function if it's native, else `undefined`.
 */
function getNative(object, key) {
  var value = _getValue(object, key);
  return _baseIsNative(value) ? value : undefined;
}

var _getNative = getNative;

/* Built-in method references that are verified to be native. */
var nativeCreate = _getNative(Object, 'create');

var _nativeCreate = nativeCreate;

/**
 * Removes all key-value entries from the hash.
 *
 * @private
 * @name clear
 * @memberOf Hash
 */
function hashClear() {
  this.__data__ = _nativeCreate ? _nativeCreate(null) : {};
  this.size = 0;
}

var _hashClear = hashClear;

/**
 * Removes `key` and its value from the hash.
 *
 * @private
 * @name delete
 * @memberOf Hash
 * @param {Object} hash The hash to modify.
 * @param {string} key The key of the value to remove.
 * @returns {boolean} Returns `true` if the entry was removed, else `false`.
 */
function hashDelete(key) {
  var result = this.has(key) && delete this.__data__[key];
  this.size -= result ? 1 : 0;
  return result;
}

var _hashDelete = hashDelete;

/** Used to stand-in for `undefined` hash values. */
var HASH_UNDEFINED = '__lodash_hash_undefined__';

/** Used for built-in method references. */
var objectProto$3 = Object.prototype;

/** Used to check objects for own properties. */
var hasOwnProperty$2 = objectProto$3.hasOwnProperty;

/**
 * Gets the hash value for `key`.
 *
 * @private
 * @name get
 * @memberOf Hash
 * @param {string} key The key of the value to get.
 * @returns {*} Returns the entry value.
 */
function hashGet(key) {
  var data = this.__data__;
  if (_nativeCreate) {
    var result = data[key];
    return result === HASH_UNDEFINED ? undefined : result;
  }
  return hasOwnProperty$2.call(data, key) ? data[key] : undefined;
}

var _hashGet = hashGet;

/** Used for built-in method references. */
var objectProto$4 = Object.prototype;

/** Used to check objects for own properties. */
var hasOwnProperty$3 = objectProto$4.hasOwnProperty;

/**
 * Checks if a hash value for `key` exists.
 *
 * @private
 * @name has
 * @memberOf Hash
 * @param {string} key The key of the entry to check.
 * @returns {boolean} Returns `true` if an entry for `key` exists, else `false`.
 */
function hashHas(key) {
  var data = this.__data__;
  return _nativeCreate ? (data[key] !== undefined) : hasOwnProperty$3.call(data, key);
}

var _hashHas = hashHas;

/** Used to stand-in for `undefined` hash values. */
var HASH_UNDEFINED$1 = '__lodash_hash_undefined__';

/**
 * Sets the hash `key` to `value`.
 *
 * @private
 * @name set
 * @memberOf Hash
 * @param {string} key The key of the value to set.
 * @param {*} value The value to set.
 * @returns {Object} Returns the hash instance.
 */
function hashSet(key, value) {
  var data = this.__data__;
  this.size += this.has(key) ? 0 : 1;
  data[key] = (_nativeCreate && value === undefined) ? HASH_UNDEFINED$1 : value;
  return this;
}

var _hashSet = hashSet;

/**
 * Creates a hash object.
 *
 * @private
 * @constructor
 * @param {Array} [entries] The key-value pairs to cache.
 */
function Hash(entries) {
  var index = -1,
      length = entries == null ? 0 : entries.length;

  this.clear();
  while (++index < length) {
    var entry = entries[index];
    this.set(entry[0], entry[1]);
  }
}

// Add methods to `Hash`.
Hash.prototype.clear = _hashClear;
Hash.prototype['delete'] = _hashDelete;
Hash.prototype.get = _hashGet;
Hash.prototype.has = _hashHas;
Hash.prototype.set = _hashSet;

var _Hash = Hash;

/**
 * Removes all key-value entries from the list cache.
 *
 * @private
 * @name clear
 * @memberOf ListCache
 */
function listCacheClear() {
  this.__data__ = [];
  this.size = 0;
}

var _listCacheClear = listCacheClear;

/**
 * Performs a
 * [`SameValueZero`](http://ecma-international.org/ecma-262/7.0/#sec-samevaluezero)
 * comparison between two values to determine if they are equivalent.
 *
 * @static
 * @memberOf _
 * @since 4.0.0
 * @category Lang
 * @param {*} value The value to compare.
 * @param {*} other The other value to compare.
 * @returns {boolean} Returns `true` if the values are equivalent, else `false`.
 * @example
 *
 * var object = { 'a': 1 };
 * var other = { 'a': 1 };
 *
 * _.eq(object, object);
 * // => true
 *
 * _.eq(object, other);
 * // => false
 *
 * _.eq('a', 'a');
 * // => true
 *
 * _.eq('a', Object('a'));
 * // => false
 *
 * _.eq(NaN, NaN);
 * // => true
 */
function eq(value, other) {
  return value === other || (value !== value && other !== other);
}

var eq_1 = eq;

/**
 * Gets the index at which the `key` is found in `array` of key-value pairs.
 *
 * @private
 * @param {Array} array The array to inspect.
 * @param {*} key The key to search for.
 * @returns {number} Returns the index of the matched value, else `-1`.
 */
function assocIndexOf(array, key) {
  var length = array.length;
  while (length--) {
    if (eq_1(array[length][0], key)) {
      return length;
    }
  }
  return -1;
}

var _assocIndexOf = assocIndexOf;

/** Used for built-in method references. */
var arrayProto = Array.prototype;

/** Built-in value references. */
var splice = arrayProto.splice;

/**
 * Removes `key` and its value from the list cache.
 *
 * @private
 * @name delete
 * @memberOf ListCache
 * @param {string} key The key of the value to remove.
 * @returns {boolean} Returns `true` if the entry was removed, else `false`.
 */
function listCacheDelete(key) {
  var data = this.__data__,
      index = _assocIndexOf(data, key);

  if (index < 0) {
    return false;
  }
  var lastIndex = data.length - 1;
  if (index == lastIndex) {
    data.pop();
  } else {
    splice.call(data, index, 1);
  }
  --this.size;
  return true;
}

var _listCacheDelete = listCacheDelete;

/**
 * Gets the list cache value for `key`.
 *
 * @private
 * @name get
 * @memberOf ListCache
 * @param {string} key The key of the value to get.
 * @returns {*} Returns the entry value.
 */
function listCacheGet(key) {
  var data = this.__data__,
      index = _assocIndexOf(data, key);

  return index < 0 ? undefined : data[index][1];
}

var _listCacheGet = listCacheGet;

/**
 * Checks if a list cache value for `key` exists.
 *
 * @private
 * @name has
 * @memberOf ListCache
 * @param {string} key The key of the entry to check.
 * @returns {boolean} Returns `true` if an entry for `key` exists, else `false`.
 */
function listCacheHas(key) {
  return _assocIndexOf(this.__data__, key) > -1;
}

var _listCacheHas = listCacheHas;

/**
 * Sets the list cache `key` to `value`.
 *
 * @private
 * @name set
 * @memberOf ListCache
 * @param {string} key The key of the value to set.
 * @param {*} value The value to set.
 * @returns {Object} Returns the list cache instance.
 */
function listCacheSet(key, value) {
  var data = this.__data__,
      index = _assocIndexOf(data, key);

  if (index < 0) {
    ++this.size;
    data.push([key, value]);
  } else {
    data[index][1] = value;
  }
  return this;
}

var _listCacheSet = listCacheSet;

/**
 * Creates an list cache object.
 *
 * @private
 * @constructor
 * @param {Array} [entries] The key-value pairs to cache.
 */
function ListCache(entries) {
  var index = -1,
      length = entries == null ? 0 : entries.length;

  this.clear();
  while (++index < length) {
    var entry = entries[index];
    this.set(entry[0], entry[1]);
  }
}

// Add methods to `ListCache`.
ListCache.prototype.clear = _listCacheClear;
ListCache.prototype['delete'] = _listCacheDelete;
ListCache.prototype.get = _listCacheGet;
ListCache.prototype.has = _listCacheHas;
ListCache.prototype.set = _listCacheSet;

var _ListCache = ListCache;

/* Built-in method references that are verified to be native. */
var Map$1 = _getNative(_root, 'Map');

var _Map = Map$1;

/**
 * Removes all key-value entries from the map.
 *
 * @private
 * @name clear
 * @memberOf MapCache
 */
function mapCacheClear() {
  this.size = 0;
  this.__data__ = {
    'hash': new _Hash,
    'map': new (_Map || _ListCache),
    'string': new _Hash
  };
}

var _mapCacheClear = mapCacheClear;

/**
 * Checks if `value` is suitable for use as unique object key.
 *
 * @private
 * @param {*} value The value to check.
 * @returns {boolean} Returns `true` if `value` is suitable, else `false`.
 */
function isKeyable(value) {
  var type = typeof value;
  return (type == 'string' || type == 'number' || type == 'symbol' || type == 'boolean')
    ? (value !== '__proto__')
    : (value === null);
}

var _isKeyable = isKeyable;

/**
 * Gets the data for `map`.
 *
 * @private
 * @param {Object} map The map to query.
 * @param {string} key The reference key.
 * @returns {*} Returns the map data.
 */
function getMapData(map, key) {
  var data = map.__data__;
  return _isKeyable(key)
    ? data[typeof key == 'string' ? 'string' : 'hash']
    : data.map;
}

var _getMapData = getMapData;

/**
 * Removes `key` and its value from the map.
 *
 * @private
 * @name delete
 * @memberOf MapCache
 * @param {string} key The key of the value to remove.
 * @returns {boolean} Returns `true` if the entry was removed, else `false`.
 */
function mapCacheDelete(key) {
  var result = _getMapData(this, key)['delete'](key);
  this.size -= result ? 1 : 0;
  return result;
}

var _mapCacheDelete = mapCacheDelete;

/**
 * Gets the map value for `key`.
 *
 * @private
 * @name get
 * @memberOf MapCache
 * @param {string} key The key of the value to get.
 * @returns {*} Returns the entry value.
 */
function mapCacheGet(key) {
  return _getMapData(this, key).get(key);
}

var _mapCacheGet = mapCacheGet;

/**
 * Checks if a map value for `key` exists.
 *
 * @private
 * @name has
 * @memberOf MapCache
 * @param {string} key The key of the entry to check.
 * @returns {boolean} Returns `true` if an entry for `key` exists, else `false`.
 */
function mapCacheHas(key) {
  return _getMapData(this, key).has(key);
}

var _mapCacheHas = mapCacheHas;

/**
 * Sets the map `key` to `value`.
 *
 * @private
 * @name set
 * @memberOf MapCache
 * @param {string} key The key of the value to set.
 * @param {*} value The value to set.
 * @returns {Object} Returns the map cache instance.
 */
function mapCacheSet(key, value) {
  var data = _getMapData(this, key),
      size = data.size;

  data.set(key, value);
  this.size += data.size == size ? 0 : 1;
  return this;
}

var _mapCacheSet = mapCacheSet;

/**
 * Creates a map cache object to store key-value pairs.
 *
 * @private
 * @constructor
 * @param {Array} [entries] The key-value pairs to cache.
 */
function MapCache(entries) {
  var index = -1,
      length = entries == null ? 0 : entries.length;

  this.clear();
  while (++index < length) {
    var entry = entries[index];
    this.set(entry[0], entry[1]);
  }
}

// Add methods to `MapCache`.
MapCache.prototype.clear = _mapCacheClear;
MapCache.prototype['delete'] = _mapCacheDelete;
MapCache.prototype.get = _mapCacheGet;
MapCache.prototype.has = _mapCacheHas;
MapCache.prototype.set = _mapCacheSet;

var _MapCache = MapCache;

/** Error message constants. */
var FUNC_ERROR_TEXT = 'Expected a function';

/**
 * Creates a function that memoizes the result of `func`. If `resolver` is
 * provided, it determines the cache key for storing the result based on the
 * arguments provided to the memoized function. By default, the first argument
 * provided to the memoized function is used as the map cache key. The `func`
 * is invoked with the `this` binding of the memoized function.
 *
 * **Note:** The cache is exposed as the `cache` property on the memoized
 * function. Its creation may be customized by replacing the `_.memoize.Cache`
 * constructor with one whose instances implement the
 * [`Map`](http://ecma-international.org/ecma-262/7.0/#sec-properties-of-the-map-prototype-object)
 * method interface of `clear`, `delete`, `get`, `has`, and `set`.
 *
 * @static
 * @memberOf _
 * @since 0.1.0
 * @category Function
 * @param {Function} func The function to have its output memoized.
 * @param {Function} [resolver] The function to resolve the cache key.
 * @returns {Function} Returns the new memoized function.
 * @example
 *
 * var object = { 'a': 1, 'b': 2 };
 * var other = { 'c': 3, 'd': 4 };
 *
 * var values = _.memoize(_.values);
 * values(object);
 * // => [1, 2]
 *
 * values(other);
 * // => [3, 4]
 *
 * object.a = 2;
 * values(object);
 * // => [1, 2]
 *
 * // Modify the result cache.
 * values.cache.set(object, ['a', 'b']);
 * values(object);
 * // => ['a', 'b']
 *
 * // Replace `_.memoize.Cache`.
 * _.memoize.Cache = WeakMap;
 */
function memoize(func, resolver) {
  if (typeof func != 'function' || (resolver != null && typeof resolver != 'function')) {
    throw new TypeError(FUNC_ERROR_TEXT);
  }
  var memoized = function() {
    var args = arguments,
        key = resolver ? resolver.apply(this, args) : args[0],
        cache = memoized.cache;

    if (cache.has(key)) {
      return cache.get(key);
    }
    var result = func.apply(this, args);
    memoized.cache = cache.set(key, result) || cache;
    return result;
  };
  memoized.cache = new (memoize.Cache || _MapCache);
  return memoized;
}

// Expose `MapCache`.
memoize.Cache = _MapCache;

var memoize_1 = memoize;

/** Used as the maximum memoize cache size. */
var MAX_MEMOIZE_SIZE = 500;

/**
 * A specialized version of `_.memoize` which clears the memoized function's
 * cache when it exceeds `MAX_MEMOIZE_SIZE`.
 *
 * @private
 * @param {Function} func The function to have its output memoized.
 * @returns {Function} Returns the new memoized function.
 */
function memoizeCapped(func) {
  var result = memoize_1(func, function(key) {
    if (cache.size === MAX_MEMOIZE_SIZE) {
      cache.clear();
    }
    return key;
  });

  var cache = result.cache;
  return result;
}

var _memoizeCapped = memoizeCapped;

/** Used to match property names within property paths. */
var reLeadingDot = /^\./;
var rePropName = /[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g;

/** Used to match backslashes in property paths. */
var reEscapeChar = /\\(\\)?/g;

/**
 * Converts `string` to a property path array.
 *
 * @private
 * @param {string} string The string to convert.
 * @returns {Array} Returns the property path array.
 */
var stringToPath = _memoizeCapped(function(string) {
  var result = [];
  if (reLeadingDot.test(string)) {
    result.push('');
  }
  string.replace(rePropName, function(match, number, quote, string) {
    result.push(quote ? string.replace(reEscapeChar, '$1') : (number || match));
  });
  return result;
});

var _stringToPath = stringToPath;

/**
 * A specialized version of `_.map` for arrays without support for iteratee
 * shorthands.
 *
 * @private
 * @param {Array} [array] The array to iterate over.
 * @param {Function} iteratee The function invoked per iteration.
 * @returns {Array} Returns the new mapped array.
 */
function arrayMap(array, iteratee) {
  var index = -1,
      length = array == null ? 0 : array.length,
      result = Array(length);

  while (++index < length) {
    result[index] = iteratee(array[index], index, array);
  }
  return result;
}

var _arrayMap = arrayMap;

/** Used as references for various `Number` constants. */
var INFINITY$1 = 1 / 0;

/** Used to convert symbols to primitives and strings. */
var symbolProto = _Symbol ? _Symbol.prototype : undefined;
var symbolToString = symbolProto ? symbolProto.toString : undefined;

/**
 * The base implementation of `_.toString` which doesn't convert nullish
 * values to empty strings.
 *
 * @private
 * @param {*} value The value to process.
 * @returns {string} Returns the string.
 */
function baseToString(value) {
  // Exit early for strings to avoid a performance hit in some environments.
  if (typeof value == 'string') {
    return value;
  }
  if (isArray_1(value)) {
    // Recursively convert values (susceptible to call stack limits).
    return _arrayMap(value, baseToString) + '';
  }
  if (isSymbol_1(value)) {
    return symbolToString ? symbolToString.call(value) : '';
  }
  var result = (value + '');
  return (result == '0' && (1 / value) == -INFINITY$1) ? '-0' : result;
}

var _baseToString = baseToString;

/**
 * Converts `value` to a string. An empty string is returned for `null`
 * and `undefined` values. The sign of `-0` is preserved.
 *
 * @static
 * @memberOf _
 * @since 4.0.0
 * @category Lang
 * @param {*} value The value to convert.
 * @returns {string} Returns the converted string.
 * @example
 *
 * _.toString(null);
 * // => ''
 *
 * _.toString(-0);
 * // => '-0'
 *
 * _.toString([1, 2, 3]);
 * // => '1,2,3'
 */
function toString(value) {
  return value == null ? '' : _baseToString(value);
}

var toString_1 = toString;

/**
 * Casts `value` to a path array if it's not one.
 *
 * @private
 * @param {*} value The value to inspect.
 * @param {Object} [object] The object to query keys on.
 * @returns {Array} Returns the cast property path array.
 */
function castPath(value, object) {
  if (isArray_1(value)) {
    return value;
  }
  return _isKey(value, object) ? [value] : _stringToPath(toString_1(value));
}

var _castPath = castPath;

/** Used as references for various `Number` constants. */
var INFINITY$2 = 1 / 0;

/**
 * Converts `value` to a string key if it's not a string or symbol.
 *
 * @private
 * @param {*} value The value to inspect.
 * @returns {string|symbol} Returns the key.
 */
function toKey(value) {
  if (typeof value == 'string' || isSymbol_1(value)) {
    return value;
  }
  var result = (value + '');
  return (result == '0' && (1 / value) == -INFINITY$2) ? '-0' : result;
}

var _toKey = toKey;

/**
 * The base implementation of `_.get` without support for default values.
 *
 * @private
 * @param {Object} object The object to query.
 * @param {Array|string} path The path of the property to get.
 * @returns {*} Returns the resolved value.
 */
function baseGet(object, path) {
  path = _castPath(path, object);

  var index = 0,
      length = path.length;

  while (object != null && index < length) {
    object = object[_toKey(path[index++])];
  }
  return (index && index == length) ? object : undefined;
}

var _baseGet = baseGet;

/**
 * Gets the value at `path` of `object`. If the resolved value is
 * `undefined`, the `defaultValue` is returned in its place.
 *
 * @static
 * @memberOf _
 * @since 3.7.0
 * @category Object
 * @param {Object} object The object to query.
 * @param {Array|string} path The path of the property to get.
 * @param {*} [defaultValue] The value returned for `undefined` resolved values.
 * @returns {*} Returns the resolved value.
 * @example
 *
 * var object = { 'a': [{ 'b': { 'c': 3 } }] };
 *
 * _.get(object, 'a[0].b.c');
 * // => 3
 *
 * _.get(object, ['a', '0', 'b', 'c']);
 * // => 3
 *
 * _.get(object, 'a.b.c', 'default');
 * // => 'default'
 */
function get$2(object, path, defaultValue) {
  var result = object == null ? undefined : _baseGet(object, path);
  return result === undefined ? defaultValue : result;
}

var get_1 = get$2;

var _templateObject$4 = taggedTemplateLiteral(['\n    font-size: ', '\n  '], ['\n    font-size: ', '\n  ']);

var SmallCaps = styled.span.withConfig({
  displayName: 'small-caps__SmallCaps',
  componentId: 's7vnjyj-0'
})([['{font-family:', function (props) {
  return get_1(props.theme, 'font.header');
}, ';font-weight:400;-webkit-letter-spacing:0.15em;-moz-letter-spacing:0.15em;-ms-letter-spacing:0.15em;letter-spacing:0.15em;font-size:', function (props) {
  return props.large ? '0.875em' : '0.5em';
}, ';text-transform:uppercase;', media.medium(_templateObject$4, function (props) {
  return props.large ? '1em' : '0.75em';
}), ';}']]);

var _templateObject$5 = taggedTemplateLiteral(['\n        margin-left: -', ';\n        margin-right: -', ';\n      '], ['\n        margin-left: -', ';\n        margin-right: -', ';\n      ']);

function push(props) {
  var theme = props.theme;

  return Object.keys(theme.breakpoint).map(function (breakpoint) {
    return media[breakpoint](_templateObject$5, rem(theme.grid.gutter[breakpoint] / 2), rem(theme.grid.gutter[breakpoint] / 2));
  });
}

var row = styled.div.withConfig({
  displayName: 'row',
  componentId: 'xc0kma-0'
})([['{', push, ';display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-flex-direction:', function (props) {
  return props.column ? 'column' : 'row';
}, ';-ms-flex-direction:', function (props) {
  return props.column ? 'column' : 'row';
}, ';flex-direction:', function (props) {
  return props.column ? 'column' : 'row';
}, ';-webkit-box-pack:', function (props) {
  return props.justify || 'flex-start';
}, ';-webkit-justify-content:', function (props) {
  return props.justify || 'flex-start';
}, ';-ms-flex-pack:', function (props) {
  return props.justify || 'flex-start';
}, ';justify-content:', function (props) {
  return props.justify || 'flex-start';
}, ';', function (props) {
  return props.align && 'align-items: ' + props.align + ';';
}, ';}']]);

/**
 * lodash (Custom Build) <https://lodash.com/>
 * Build: `lodash modularize exports="npm" -o ./`
 * Copyright jQuery Foundation and other contributors <https://jquery.org/>
 * Released under MIT license <https://lodash.com/license>
 * Based on Underscore.js 1.8.3 <http://underscorejs.org/LICENSE>
 * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
 */

/** Used as the `TypeError` message for "Functions" methods. */
var FUNC_ERROR_TEXT$1 = 'Expected a function';

/** Used to stand-in for `undefined` hash values. */
var HASH_UNDEFINED$2 = '__lodash_hash_undefined__';

/** Used as references for various `Number` constants. */
var INFINITY$3 = 1 / 0;

/** `Object#toString` result references. */
var funcTag$1 = '[object Function]';
var genTag$1 = '[object GeneratorFunction]';
var symbolTag$1 = '[object Symbol]';

/** Used to match property names within property paths. */
var reIsDeepProp$1 = /\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/;
var reIsPlainProp$1 = /^\w*$/;
var reLeadingDot$1 = /^\./;
var rePropName$1 = /[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g;

/**
 * Used to match `RegExp`
 * [syntax characters](http://ecma-international.org/ecma-262/7.0/#sec-patterns).
 */
var reRegExpChar$1 = /[\\^$.*+?()[\]{}|]/g;

/** Used to match backslashes in property paths. */
var reEscapeChar$1 = /\\(\\)?/g;

/** Used to detect host constructors (Safari). */
var reIsHostCtor$1 = /^\[object .+?Constructor\]$/;

/** Detect free variable `global` from Node.js. */
var freeGlobal$2 = typeof commonjsGlobal == 'object' && commonjsGlobal && commonjsGlobal.Object === Object && commonjsGlobal;

/** Detect free variable `self`. */
var freeSelf$1 = typeof self == 'object' && self && self.Object === Object && self;

/** Used as a reference to the global object. */
var root$2 = freeGlobal$2 || freeSelf$1 || Function('return this')();

/**
 * Gets the value at `key` of `object`.
 *
 * @private
 * @param {Object} [object] The object to query.
 * @param {string} key The key of the property to get.
 * @returns {*} Returns the property value.
 */
function getValue$2(object, key) {
  return object == null ? undefined : object[key];
}

/**
 * Checks if `value` is a host object in IE < 9.
 *
 * @private
 * @param {*} value The value to check.
 * @returns {boolean} Returns `true` if `value` is a host object, else `false`.
 */
function isHostObject(value) {
  // Many host objects are `Object` objects that can coerce to strings
  // despite having improperly defined `toString` methods.
  var result = false;
  if (value != null && typeof value.toString != 'function') {
    try {
      result = !!(value + '');
    } catch (e) {}
  }
  return result;
}

/** Used for built-in method references. */
var arrayProto$1 = Array.prototype;
var funcProto$2 = Function.prototype;
var objectProto$5 = Object.prototype;

/** Used to detect overreaching core-js shims. */
var coreJsData$2 = root$2['__core-js_shared__'];

/** Used to detect methods masquerading as native. */
var maskSrcKey$1 = (function() {
  var uid = /[^.]+$/.exec(coreJsData$2 && coreJsData$2.keys && coreJsData$2.keys.IE_PROTO || '');
  return uid ? ('Symbol(src)_1.' + uid) : '';
}());

/** Used to resolve the decompiled source of functions. */
var funcToString$2 = funcProto$2.toString;

/** Used to check objects for own properties. */
var hasOwnProperty$4 = objectProto$5.hasOwnProperty;

/**
 * Used to resolve the
 * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)
 * of values.
 */
var objectToString$2 = objectProto$5.toString;

/** Used to detect if a method is native. */
var reIsNative$1 = RegExp('^' +
  funcToString$2.call(hasOwnProperty$4).replace(reRegExpChar$1, '\\$&')
  .replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, '$1.*?') + '$'
);

/** Built-in value references. */
var Symbol$3 = root$2.Symbol;
var splice$1 = arrayProto$1.splice;

/* Built-in method references that are verified to be native. */
var Map$3 = getNative$2(root$2, 'Map');
var nativeCreate$2 = getNative$2(Object, 'create');

/** Used to convert symbols to primitives and strings. */
var symbolProto$1 = Symbol$3 ? Symbol$3.prototype : undefined;
var symbolToString$1 = symbolProto$1 ? symbolProto$1.toString : undefined;

/**
 * Creates a hash object.
 *
 * @private
 * @constructor
 * @param {Array} [entries] The key-value pairs to cache.
 */
function Hash$2(entries) {
  var index = -1,
      length = entries ? entries.length : 0;

  this.clear();
  while (++index < length) {
    var entry = entries[index];
    this.set(entry[0], entry[1]);
  }
}

/**
 * Removes all key-value entries from the hash.
 *
 * @private
 * @name clear
 * @memberOf Hash
 */
function hashClear$2() {
  this.__data__ = nativeCreate$2 ? nativeCreate$2(null) : {};
}

/**
 * Removes `key` and its value from the hash.
 *
 * @private
 * @name delete
 * @memberOf Hash
 * @param {Object} hash The hash to modify.
 * @param {string} key The key of the value to remove.
 * @returns {boolean} Returns `true` if the entry was removed, else `false`.
 */
function hashDelete$2(key) {
  return this.has(key) && delete this.__data__[key];
}

/**
 * Gets the hash value for `key`.
 *
 * @private
 * @name get
 * @memberOf Hash
 * @param {string} key The key of the value to get.
 * @returns {*} Returns the entry value.
 */
function hashGet$2(key) {
  var data = this.__data__;
  if (nativeCreate$2) {
    var result = data[key];
    return result === HASH_UNDEFINED$2 ? undefined : result;
  }
  return hasOwnProperty$4.call(data, key) ? data[key] : undefined;
}

/**
 * Checks if a hash value for `key` exists.
 *
 * @private
 * @name has
 * @memberOf Hash
 * @param {string} key The key of the entry to check.
 * @returns {boolean} Returns `true` if an entry for `key` exists, else `false`.
 */
function hashHas$2(key) {
  var data = this.__data__;
  return nativeCreate$2 ? data[key] !== undefined : hasOwnProperty$4.call(data, key);
}

/**
 * Sets the hash `key` to `value`.
 *
 * @private
 * @name set
 * @memberOf Hash
 * @param {string} key The key of the value to set.
 * @param {*} value The value to set.
 * @returns {Object} Returns the hash instance.
 */
function hashSet$2(key, value) {
  var data = this.__data__;
  data[key] = (nativeCreate$2 && value === undefined) ? HASH_UNDEFINED$2 : value;
  return this;
}

// Add methods to `Hash`.
Hash$2.prototype.clear = hashClear$2;
Hash$2.prototype['delete'] = hashDelete$2;
Hash$2.prototype.get = hashGet$2;
Hash$2.prototype.has = hashHas$2;
Hash$2.prototype.set = hashSet$2;

/**
 * Creates an list cache object.
 *
 * @private
 * @constructor
 * @param {Array} [entries] The key-value pairs to cache.
 */
function ListCache$2(entries) {
  var index = -1,
      length = entries ? entries.length : 0;

  this.clear();
  while (++index < length) {
    var entry = entries[index];
    this.set(entry[0], entry[1]);
  }
}

/**
 * Removes all key-value entries from the list cache.
 *
 * @private
 * @name clear
 * @memberOf ListCache
 */
function listCacheClear$2() {
  this.__data__ = [];
}

/**
 * Removes `key` and its value from the list cache.
 *
 * @private
 * @name delete
 * @memberOf ListCache
 * @param {string} key The key of the value to remove.
 * @returns {boolean} Returns `true` if the entry was removed, else `false`.
 */
function listCacheDelete$2(key) {
  var data = this.__data__,
      index = assocIndexOf$2(data, key);

  if (index < 0) {
    return false;
  }
  var lastIndex = data.length - 1;
  if (index == lastIndex) {
    data.pop();
  } else {
    splice$1.call(data, index, 1);
  }
  return true;
}

/**
 * Gets the list cache value for `key`.
 *
 * @private
 * @name get
 * @memberOf ListCache
 * @param {string} key The key of the value to get.
 * @returns {*} Returns the entry value.
 */
function listCacheGet$2(key) {
  var data = this.__data__,
      index = assocIndexOf$2(data, key);

  return index < 0 ? undefined : data[index][1];
}

/**
 * Checks if a list cache value for `key` exists.
 *
 * @private
 * @name has
 * @memberOf ListCache
 * @param {string} key The key of the entry to check.
 * @returns {boolean} Returns `true` if an entry for `key` exists, else `false`.
 */
function listCacheHas$2(key) {
  return assocIndexOf$2(this.__data__, key) > -1;
}

/**
 * Sets the list cache `key` to `value`.
 *
 * @private
 * @name set
 * @memberOf ListCache
 * @param {string} key The key of the value to set.
 * @param {*} value The value to set.
 * @returns {Object} Returns the list cache instance.
 */
function listCacheSet$2(key, value) {
  var data = this.__data__,
      index = assocIndexOf$2(data, key);

  if (index < 0) {
    data.push([key, value]);
  } else {
    data[index][1] = value;
  }
  return this;
}

// Add methods to `ListCache`.
ListCache$2.prototype.clear = listCacheClear$2;
ListCache$2.prototype['delete'] = listCacheDelete$2;
ListCache$2.prototype.get = listCacheGet$2;
ListCache$2.prototype.has = listCacheHas$2;
ListCache$2.prototype.set = listCacheSet$2;

/**
 * Creates a map cache object to store key-value pairs.
 *
 * @private
 * @constructor
 * @param {Array} [entries] The key-value pairs to cache.
 */
function MapCache$2(entries) {
  var index = -1,
      length = entries ? entries.length : 0;

  this.clear();
  while (++index < length) {
    var entry = entries[index];
    this.set(entry[0], entry[1]);
  }
}

/**
 * Removes all key-value entries from the map.
 *
 * @private
 * @name clear
 * @memberOf MapCache
 */
function mapCacheClear$2() {
  this.__data__ = {
    'hash': new Hash$2,
    'map': new (Map$3 || ListCache$2),
    'string': new Hash$2
  };
}

/**
 * Removes `key` and its value from the map.
 *
 * @private
 * @name delete
 * @memberOf MapCache
 * @param {string} key The key of the value to remove.
 * @returns {boolean} Returns `true` if the entry was removed, else `false`.
 */
function mapCacheDelete$2(key) {
  return getMapData$2(this, key)['delete'](key);
}

/**
 * Gets the map value for `key`.
 *
 * @private
 * @name get
 * @memberOf MapCache
 * @param {string} key The key of the value to get.
 * @returns {*} Returns the entry value.
 */
function mapCacheGet$2(key) {
  return getMapData$2(this, key).get(key);
}

/**
 * Checks if a map value for `key` exists.
 *
 * @private
 * @name has
 * @memberOf MapCache
 * @param {string} key The key of the entry to check.
 * @returns {boolean} Returns `true` if an entry for `key` exists, else `false`.
 */
function mapCacheHas$2(key) {
  return getMapData$2(this, key).has(key);
}

/**
 * Sets the map `key` to `value`.
 *
 * @private
 * @name set
 * @memberOf MapCache
 * @param {string} key The key of the value to set.
 * @param {*} value The value to set.
 * @returns {Object} Returns the map cache instance.
 */
function mapCacheSet$2(key, value) {
  getMapData$2(this, key).set(key, value);
  return this;
}

// Add methods to `MapCache`.
MapCache$2.prototype.clear = mapCacheClear$2;
MapCache$2.prototype['delete'] = mapCacheDelete$2;
MapCache$2.prototype.get = mapCacheGet$2;
MapCache$2.prototype.has = mapCacheHas$2;
MapCache$2.prototype.set = mapCacheSet$2;

/**
 * Gets the index at which the `key` is found in `array` of key-value pairs.
 *
 * @private
 * @param {Array} array The array to inspect.
 * @param {*} key The key to search for.
 * @returns {number} Returns the index of the matched value, else `-1`.
 */
function assocIndexOf$2(array, key) {
  var length = array.length;
  while (length--) {
    if (eq$2(array[length][0], key)) {
      return length;
    }
  }
  return -1;
}

/**
 * The base implementation of `_.get` without support for default values.
 *
 * @private
 * @param {Object} object The object to query.
 * @param {Array|string} path The path of the property to get.
 * @returns {*} Returns the resolved value.
 */
function baseGet$2(object, path) {
  path = isKey$2(path, object) ? [path] : castPath$2(path);

  var index = 0,
      length = path.length;

  while (object != null && index < length) {
    object = object[toKey$2(path[index++])];
  }
  return (index && index == length) ? object : undefined;
}

/**
 * The base implementation of `_.isNative` without bad shim checks.
 *
 * @private
 * @param {*} value The value to check.
 * @returns {boolean} Returns `true` if `value` is a native function,
 *  else `false`.
 */
function baseIsNative$2(value) {
  if (!isObject$2(value) || isMasked$2(value)) {
    return false;
  }
  var pattern = (isFunction$2(value) || isHostObject(value)) ? reIsNative$1 : reIsHostCtor$1;
  return pattern.test(toSource$2(value));
}

/**
 * The base implementation of `_.toString` which doesn't convert nullish
 * values to empty strings.
 *
 * @private
 * @param {*} value The value to process.
 * @returns {string} Returns the string.
 */
function baseToString$2(value) {
  // Exit early for strings to avoid a performance hit in some environments.
  if (typeof value == 'string') {
    return value;
  }
  if (isSymbol$2(value)) {
    return symbolToString$1 ? symbolToString$1.call(value) : '';
  }
  var result = (value + '');
  return (result == '0' && (1 / value) == -INFINITY$3) ? '-0' : result;
}

/**
 * Casts `value` to a path array if it's not one.
 *
 * @private
 * @param {*} value The value to inspect.
 * @returns {Array} Returns the cast property path array.
 */
function castPath$2(value) {
  return isArray$2(value) ? value : stringToPath$2(value);
}

/**
 * Gets the data for `map`.
 *
 * @private
 * @param {Object} map The map to query.
 * @param {string} key The reference key.
 * @returns {*} Returns the map data.
 */
function getMapData$2(map, key) {
  var data = map.__data__;
  return isKeyable$2(key)
    ? data[typeof key == 'string' ? 'string' : 'hash']
    : data.map;
}

/**
 * Gets the native function at `key` of `object`.
 *
 * @private
 * @param {Object} object The object to query.
 * @param {string} key The key of the method to get.
 * @returns {*} Returns the function if it's native, else `undefined`.
 */
function getNative$2(object, key) {
  var value = getValue$2(object, key);
  return baseIsNative$2(value) ? value : undefined;
}

/**
 * Checks if `value` is a property name and not a property path.
 *
 * @private
 * @param {*} value The value to check.
 * @param {Object} [object] The object to query keys on.
 * @returns {boolean} Returns `true` if `value` is a property name, else `false`.
 */
function isKey$2(value, object) {
  if (isArray$2(value)) {
    return false;
  }
  var type = typeof value;
  if (type == 'number' || type == 'symbol' || type == 'boolean' ||
      value == null || isSymbol$2(value)) {
    return true;
  }
  return reIsPlainProp$1.test(value) || !reIsDeepProp$1.test(value) ||
    (object != null && value in Object(object));
}

/**
 * Checks if `value` is suitable for use as unique object key.
 *
 * @private
 * @param {*} value The value to check.
 * @returns {boolean} Returns `true` if `value` is suitable, else `false`.
 */
function isKeyable$2(value) {
  var type = typeof value;
  return (type == 'string' || type == 'number' || type == 'symbol' || type == 'boolean')
    ? (value !== '__proto__')
    : (value === null);
}

/**
 * Checks if `func` has its source masked.
 *
 * @private
 * @param {Function} func The function to check.
 * @returns {boolean} Returns `true` if `func` is masked, else `false`.
 */
function isMasked$2(func) {
  return !!maskSrcKey$1 && (maskSrcKey$1 in func);
}

/**
 * Converts `string` to a property path array.
 *
 * @private
 * @param {string} string The string to convert.
 * @returns {Array} Returns the property path array.
 */
var stringToPath$2 = memoize$2(function(string) {
  string = toString$2(string);

  var result = [];
  if (reLeadingDot$1.test(string)) {
    result.push('');
  }
  string.replace(rePropName$1, function(match, number, quote, string) {
    result.push(quote ? string.replace(reEscapeChar$1, '$1') : (number || match));
  });
  return result;
});

/**
 * Converts `value` to a string key if it's not a string or symbol.
 *
 * @private
 * @param {*} value The value to inspect.
 * @returns {string|symbol} Returns the key.
 */
function toKey$2(value) {
  if (typeof value == 'string' || isSymbol$2(value)) {
    return value;
  }
  var result = (value + '');
  return (result == '0' && (1 / value) == -INFINITY$3) ? '-0' : result;
}

/**
 * Converts `func` to its source code.
 *
 * @private
 * @param {Function} func The function to process.
 * @returns {string} Returns the source code.
 */
function toSource$2(func) {
  if (func != null) {
    try {
      return funcToString$2.call(func);
    } catch (e) {}
    try {
      return (func + '');
    } catch (e) {}
  }
  return '';
}

/**
 * Creates a function that memoizes the result of `func`. If `resolver` is
 * provided, it determines the cache key for storing the result based on the
 * arguments provided to the memoized function. By default, the first argument
 * provided to the memoized function is used as the map cache key. The `func`
 * is invoked with the `this` binding of the memoized function.
 *
 * **Note:** The cache is exposed as the `cache` property on the memoized
 * function. Its creation may be customized by replacing the `_.memoize.Cache`
 * constructor with one whose instances implement the
 * [`Map`](http://ecma-international.org/ecma-262/7.0/#sec-properties-of-the-map-prototype-object)
 * method interface of `delete`, `get`, `has`, and `set`.
 *
 * @static
 * @memberOf _
 * @since 0.1.0
 * @category Function
 * @param {Function} func The function to have its output memoized.
 * @param {Function} [resolver] The function to resolve the cache key.
 * @returns {Function} Returns the new memoized function.
 * @example
 *
 * var object = { 'a': 1, 'b': 2 };
 * var other = { 'c': 3, 'd': 4 };
 *
 * var values = _.memoize(_.values);
 * values(object);
 * // => [1, 2]
 *
 * values(other);
 * // => [3, 4]
 *
 * object.a = 2;
 * values(object);
 * // => [1, 2]
 *
 * // Modify the result cache.
 * values.cache.set(object, ['a', 'b']);
 * values(object);
 * // => ['a', 'b']
 *
 * // Replace `_.memoize.Cache`.
 * _.memoize.Cache = WeakMap;
 */
function memoize$2(func, resolver) {
  if (typeof func != 'function' || (resolver && typeof resolver != 'function')) {
    throw new TypeError(FUNC_ERROR_TEXT$1);
  }
  var memoized = function() {
    var args = arguments,
        key = resolver ? resolver.apply(this, args) : args[0],
        cache = memoized.cache;

    if (cache.has(key)) {
      return cache.get(key);
    }
    var result = func.apply(this, args);
    memoized.cache = cache.set(key, result);
    return result;
  };
  memoized.cache = new (memoize$2.Cache || MapCache$2);
  return memoized;
}

// Assign cache to `_.memoize`.
memoize$2.Cache = MapCache$2;

/**
 * Performs a
 * [`SameValueZero`](http://ecma-international.org/ecma-262/7.0/#sec-samevaluezero)
 * comparison between two values to determine if they are equivalent.
 *
 * @static
 * @memberOf _
 * @since 4.0.0
 * @category Lang
 * @param {*} value The value to compare.
 * @param {*} other The other value to compare.
 * @returns {boolean} Returns `true` if the values are equivalent, else `false`.
 * @example
 *
 * var object = { 'a': 1 };
 * var other = { 'a': 1 };
 *
 * _.eq(object, object);
 * // => true
 *
 * _.eq(object, other);
 * // => false
 *
 * _.eq('a', 'a');
 * // => true
 *
 * _.eq('a', Object('a'));
 * // => false
 *
 * _.eq(NaN, NaN);
 * // => true
 */
function eq$2(value, other) {
  return value === other || (value !== value && other !== other);
}

/**
 * Checks if `value` is classified as an `Array` object.
 *
 * @static
 * @memberOf _
 * @since 0.1.0
 * @category Lang
 * @param {*} value The value to check.
 * @returns {boolean} Returns `true` if `value` is an array, else `false`.
 * @example
 *
 * _.isArray([1, 2, 3]);
 * // => true
 *
 * _.isArray(document.body.children);
 * // => false
 *
 * _.isArray('abc');
 * // => false
 *
 * _.isArray(_.noop);
 * // => false
 */
var isArray$2 = Array.isArray;

/**
 * Checks if `value` is classified as a `Function` object.
 *
 * @static
 * @memberOf _
 * @since 0.1.0
 * @category Lang
 * @param {*} value The value to check.
 * @returns {boolean} Returns `true` if `value` is a function, else `false`.
 * @example
 *
 * _.isFunction(_);
 * // => true
 *
 * _.isFunction(/abc/);
 * // => false
 */
function isFunction$2(value) {
  // The use of `Object#toString` avoids issues with the `typeof` operator
  // in Safari 8-9 which returns 'object' for typed array and other constructors.
  var tag = isObject$2(value) ? objectToString$2.call(value) : '';
  return tag == funcTag$1 || tag == genTag$1;
}

/**
 * Checks if `value` is the
 * [language type](http://www.ecma-international.org/ecma-262/7.0/#sec-ecmascript-language-types)
 * of `Object`. (e.g. arrays, functions, objects, regexes, `new Number(0)`, and `new String('')`)
 *
 * @static
 * @memberOf _
 * @since 0.1.0
 * @category Lang
 * @param {*} value The value to check.
 * @returns {boolean} Returns `true` if `value` is an object, else `false`.
 * @example
 *
 * _.isObject({});
 * // => true
 *
 * _.isObject([1, 2, 3]);
 * // => true
 *
 * _.isObject(_.noop);
 * // => true
 *
 * _.isObject(null);
 * // => false
 */
function isObject$2(value) {
  var type = typeof value;
  return !!value && (type == 'object' || type == 'function');
}

/**
 * Checks if `value` is object-like. A value is object-like if it's not `null`
 * and has a `typeof` result of "object".
 *
 * @static
 * @memberOf _
 * @since 4.0.0
 * @category Lang
 * @param {*} value The value to check.
 * @returns {boolean} Returns `true` if `value` is object-like, else `false`.
 * @example
 *
 * _.isObjectLike({});
 * // => true
 *
 * _.isObjectLike([1, 2, 3]);
 * // => true
 *
 * _.isObjectLike(_.noop);
 * // => false
 *
 * _.isObjectLike(null);
 * // => false
 */
function isObjectLike$2(value) {
  return !!value && typeof value == 'object';
}

/**
 * Checks if `value` is classified as a `Symbol` primitive or object.
 *
 * @static
 * @memberOf _
 * @since 4.0.0
 * @category Lang
 * @param {*} value The value to check.
 * @returns {boolean} Returns `true` if `value` is a symbol, else `false`.
 * @example
 *
 * _.isSymbol(Symbol.iterator);
 * // => true
 *
 * _.isSymbol('abc');
 * // => false
 */
function isSymbol$2(value) {
  return typeof value == 'symbol' ||
    (isObjectLike$2(value) && objectToString$2.call(value) == symbolTag$1);
}

/**
 * Converts `value` to a string. An empty string is returned for `null`
 * and `undefined` values. The sign of `-0` is preserved.
 *
 * @static
 * @memberOf _
 * @since 4.0.0
 * @category Lang
 * @param {*} value The value to process.
 * @returns {string} Returns the string.
 * @example
 *
 * _.toString(null);
 * // => ''
 *
 * _.toString(-0);
 * // => '-0'
 *
 * _.toString([1, 2, 3]);
 * // => '1,2,3'
 */
function toString$2(value) {
  return value == null ? '' : baseToString$2(value);
}

/**
 * Gets the value at `path` of `object`. If the resolved value is
 * `undefined`, the `defaultValue` is returned in its place.
 *
 * @static
 * @memberOf _
 * @since 3.7.0
 * @category Object
 * @param {Object} object The object to query.
 * @param {Array|string} path The path of the property to get.
 * @param {*} [defaultValue] The value returned for `undefined` resolved values.
 * @returns {*} Returns the resolved value.
 * @example
 *
 * var object = { 'a': [{ 'b': { 'c': 3 } }] };
 *
 * _.get(object, 'a[0].b.c');
 * // => 3
 *
 * _.get(object, ['a', '0', 'b', 'c']);
 * // => 3
 *
 * _.get(object, 'a.b.c', 'default');
 * // => 'default'
 */
function get$4(object, path, defaultValue) {
  var result = object == null ? undefined : baseGet$2(object, path);
  return result === undefined ? defaultValue : result;
}

var lodash_get = get$4;

var box = styled.div.withConfig({
  displayName: 'box',
  componentId: 's1kv4bvd-0'
})([['{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;', function (props) {
  return props.background && css([['{background:', lodash_get(props.theme.color, props.background), ';}']]);
}, ';', function (props) {
  return props.justify ? 'justify-content: ' + props.justify + ';' : '';
}, ';', function (props) {
  return props.align ? 'align-items: ' + props.align + ';' : '';
}, ';', function (props) {
  return props.wrap ? 'flex-wrap: ' + props.wrap + ';' : '';
}, ';-webkit-flex-direction:', function (props) {
  var suffix = props.reverse ? '-reverse' : '';
  return props.column ? 'column' + suffix : 'row' + suffix;
}, ';-ms-flex-direction:', function (props) {
  var suffix = props.reverse ? '-reverse' : '';return props.column ? 'column' + suffix : 'row' + suffix;
}, ';flex-direction:', function (props) {
  var suffix = props.reverse ? '-reverse' : '';return props.column ? 'column' + suffix : 'row' + suffix;
}, ';', margin(), ';', padding$1(), ';}']]);

var _templateObject$6 = taggedTemplateLiteral(['max-width: ', ''], ['max-width: ', '']);
var _templateObject2$1 = taggedTemplateLiteral(['\n        padding-left: ', ';\n        padding-right: ', ';\n      '], ['\n        padding-left: ', ';\n        padding-right: ', ';\n      ']);

function container(props) {
  var theme = props.theme,
      fluid = props.fluid;


  if (fluid) {
    return null;
  }

  return Object.keys(theme.breakpoint).map(function (breakpoint) {
    return media[breakpoint](_templateObject$6, rem(theme.grid.container[breakpoint]));
  });
}

function offset(props) {
  var theme = props.theme;

  return Object.keys(theme.breakpoint).map(function (breakpoint) {
    return media[breakpoint](_templateObject2$1, rem(theme.grid.offset[breakpoint]), rem(theme.grid.offset[breakpoint]));
  });
}

var grid = styled.div.withConfig({
  displayName: 'grid',
  componentId: 'atvfvk-0'
})([['{width:100%;box-sizing:border-box;margin-left:auto;margin-right:auto;', container, ' ', offset, ';}']]);

var _templateObject$7 = taggedTemplateLiteral(['\n        flex-basis: ', '%;\n        max-width: ', '%;\n      '], ['\n        flex-basis: ', '%;\n        max-width: ', '%;\n      ']);
var _templateObject2$2 = taggedTemplateLiteral(['\n        padding-left: ', ';\n        padding-right: ', ';\n        ', ';\n      '], ['\n        padding-left: ', ';\n        padding-right: ', ';\n        ', ';\n      ']);
var _templateObject3$1 = taggedTemplateLiteral(['\n        margin-left: ', '%;\n      '], ['\n        margin-left: ', '%;\n      ']);

var shorthands = {
  extraSmall: 'xs',
  small: 'sm',
  medium: 'md',
  large: 'lg',
  extraLarge: 'xl'
};

function width(props) {
  var theme = props.theme;


  return Object.keys(theme.breakpoint).map(function (breakpoint) {
    var key = shorthands[breakpoint];

    if (!props[key]) {
      return null;
    }

    return media[breakpoint](_templateObject$7, function (props) {
      return props[key] * 100;
    }, function (props) {
      return props[key] * 100;
    });
  });
}

function gutter(props) {
  var theme = props.theme;


  return Object.keys(theme.breakpoint).map(function (breakpoint) {
    return media[breakpoint](_templateObject2$2, rem(theme.grid.gutter[breakpoint] / 2), rem(theme.grid.gutter[breakpoint] / 2), props.bottom && 'margin-bottom: ' + rem(theme.grid.gutter[breakpoint]));
  });
}

function push$1(props) {
  var theme = props.theme;


  return Object.keys(theme.breakpoint).map(function (breakpoint) {
    var key = 'push-' + shorthands[breakpoint];

    if (!props[key]) {
      return null;
    }

    return media[breakpoint](_templateObject3$1, props[key] * 100);
  });
}

var column = styled.div.withConfig({
  displayName: 'column',
  componentId: 's1xhpsb0-0'
})([['{-webkit-flex-grow:0;-ms-flex-grow:0;flex-grow:0;-webkit-flex-shrink:0;-ms-flex-shrink:0;flex-shrink:0;-webkit-flex-basis:100%;-ms-flex-basis:100%;flex-basis:100%;max-width:100%;box-sizing:border-box;', width, ' ', gutter, ' ', push$1, ';}']]);

var Container$5 = styled.tr.withConfig({
  displayName: 'Row__Container',
  componentId: 's14thbpv-0'
})([['{padding:1em;background-color:transparent;-webkit-transition:background-color 0.2s ease-out;transition:background-color 0.2s ease-out;border-bottom:1px solid ', function (props) {
  return props.theme.color.grey.pale;
}, ';}'], [':hover{background-color:', function (props) {
  return props.theme.color.blue.pale;
}, ';}'], [':last-child{border-bottom:0;}']]);

var Row = function Row(_ref) {
  var children = _ref.children,
      other = objectWithoutProperties(_ref, ['children']);
  return React.createElement(
    Container$5,
    other,
    children
  );
};

Row.propTypes = {
  children: PropTypes.node
};

var Cell = styled.td.withConfig({
  displayName: 'Cell',
  componentId: 'zoo41g-0'
})([['{', fontSize(1), ';padding:1rem;}']]);

var Container$6 = styled.table.withConfig({
  displayName: 'Table__Container',
  componentId: 's12hr1al-0'
})([['{width:100%;font-weight:300;border-collapse:collapse;font-family:', function (props) {
  return props.theme.font.base;
}, ';}']]);

var Table = function Table(_ref) {
  var children = _ref.children,
      other = objectWithoutProperties(_ref, ['children']);
  return React.createElement(
    Container$6,
    other,
    React.createElement(
      'tbody',
      null,
      children
    )
  );
};

Table.propTypes = {
  children: PropTypes.node.isRequired
};

var _templateObject$8 = taggedTemplateLiteral(['\n    font-size: 1.25em;\n  '], ['\n    font-size: 1.25em;\n  ']);
var _templateObject2$3 = taggedTemplateLiteral(['\n      padding: 1.25rem;\n    '], ['\n      padding: 1.25rem;\n    ']);

var Container$7 = styled.span.withConfig({
  displayName: 'tab__Container',
  componentId: 's1cuvzzb-0'
})([['{-webkit-flex:1;-ms-flex:1;flex:1;font-family:', function (props) {
  return props.theme.font.header;
}, ';color:', function (props) {
  return props.active ? get_1(props.theme, 'colors.' + props.activeColor) : get_1(props.theme, 'colors.' + props.inactiveColor);
}, ';background:', function (props) {
  return props.active ? get_1(props.theme, 'colors.' + props.activeBackground) : get_1(props.theme, 'colors.' + props.inactiveBackground);
}, ';text-decoration:none;font-size:1em;text-align:center;-webkit-transition:all 0.2s ease-in;transition:all 0.2s ease-in;border-radius:3px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}'], [' ', media.medium(_templateObject$8), ' > *{display:inline-block;width:100%;line-height:1;padding:0.75rem;text-decoration:none;color:currentColor;', media.medium(_templateObject2$3), ';}']]);

var Tab = function (_Component) {
  inherits(Tab, _Component);

  function Tab() {
    var _ref;

    var _temp, _this, _ret;

    classCallCheck(this, Tab);

    for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
      args[_key] = arguments[_key];
    }

    return _ret = (_temp = (_this = possibleConstructorReturn(this, (_ref = Tab.__proto__ || Object.getPrototypeOf(Tab)).call.apply(_ref, [this].concat(args))), _this), _this.onClick = function () {
      _this.context.onTabClick(_this.props.index);
    }, _temp), possibleConstructorReturn(_this, _ret);
  }
  /**
   * Define the types of props the component accepts.
   *
   * @type {Object}
   */


  createClass(Tab, [{
    key: 'render',


    /**
     * Render the component
     *
     * @return {ReactElement}
     */
    value: function render() {
      // eslint-disable-next-line  no-unused-vars
      var _props = this.props,
          children = _props.children,
          index = _props.index,
          active = _props.active,
          other = objectWithoutProperties(_props, ['children', 'index', 'active']);
      var _context = this.context,
          activeColor = _context.activeColor,
          inactiveColor = _context.inactiveColor,
          activeBackground = _context.activeBackground,
          inactiveBackground = _context.inactiveBackground;


      return React.createElement(
        Container$7,
        _extends({
          role: 'tab',
          active: active,
          onClick: this.onClick,
          'aria-selected': false,
          activeColor: activeColor,
          inactiveColor: inactiveColor,
          activeBackground: activeBackground,
          inactiveBackground: inactiveBackground
        }, other),
        React.Children.map(children, function (Child) {
          return React.isValidElement(Child) ? Child : React.createElement(
            'span',
            null,
            Child
          );
        })
      );
    }
  }]);
  return Tab;
}(Component);

Tab.propTypes = {
  index: PropTypes.number,
  active: PropTypes.bool,
  children: PropTypes.node,
  className: PropTypes.string
};
Tab.contextTypes = {
  onTabClick: PropTypes.func.isRequired,
  activeColor: PropTypes.string.isRequired,
  inactiveColor: PropTypes.string.isRequired,
  activeBackground: PropTypes.string.isRequired,
  inactiveBackground: PropTypes.string.isRequired
};

var Container$8 = styled.div.withConfig({
  displayName: 'tabs__Container',
  componentId: 'sv1ix8-0'
})([]);

var Tabs = function (_Component) {
  inherits(Tabs, _Component);

  function Tabs() {
    var _ref;

    var _temp, _this, _ret;

    classCallCheck(this, Tabs);

    for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
      args[_key] = arguments[_key];
    }

    return _ret = (_temp = (_this = possibleConstructorReturn(this, (_ref = Tabs.__proto__ || Object.getPrototypeOf(Tabs)).call.apply(_ref, [this].concat(args))), _this), _this.state = {
      currentTab: 0
    }, _this.onTabClick = function (id) {
      _this.setState({ currentTab: id });
    }, _temp), possibleConstructorReturn(_this, _ret);
  }
  /**
   * Define the types of props the component accepts.
   *
   * @type {Object}
   */


  /**
   * Define the default props of the component.
   *
   * @type {Object}
   */


  /**
   * Define the types of the child's context.
   *
   * @type {Object}
   */


  createClass(Tabs, [{
    key: 'getChildContext',
    value: function getChildContext() {
      return {
        onTabClick: this.onTabClick,
        currentTab: this.state.currentTab,
        activeColor: this.props.activeColor,
        inactiveColor: this.props.inactiveColor,
        activeBackground: this.props.activeBackground,
        inactiveBackground: this.props.inactiveBackground
      };
    }
  }, {
    key: 'render',


    /**
     * Render the component
     *
     * @return {ReactElement}
     */
    value: function render() {
      var _props = this.props,
          children = _props.children,
          other = objectWithoutProperties(_props, ['children']);


      return React.createElement(
        Container$8,
        other,
        Children.map(children, function (child, key) {
          return cloneElement(child, { key: key });
        })
      );
    }
  }]);
  return Tabs;
}(Component);

Tabs.propTypes = {
  children: PropTypes.node.isRequired,
  activeColor: PropTypes.string,
  inactiveColor: PropTypes.string,
  activeBackground: PropTypes.string,
  inactiveBackground: PropTypes.string
};
Tabs.defaultProps = {
  activeColor: 'black',
  inactiveColor: 'white',
  activeBackground: 'white',
  inactiveBackground: 'black'
};
Tabs.childContextTypes = {
  onTabClick: PropTypes.func.isRequired,
  currentTab: PropTypes.number.isRequired,
  activeColor: PropTypes.string.isRequired,
  inactiveColor: PropTypes.string.isRequired,
  activeBackground: PropTypes.string.isRequired,
  inactiveBackground: PropTypes.string.isRequired
};

var Container$9 = styled.nav.withConfig({
  displayName: 'tab-list__Container',
  componentId: 's1hmyuc8-0'
})([['{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:0 auto;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;background:', function (props) {
  return get_1(props.theme, 'colors.' + props.background);
}, ';border:1px solid ', function (props) {
  return props.theme.colors.light;
}, ';border-radius:3px;box-shadow:0px 2px 0px 0px rgba(0,0,0,0.1);padding:2px;}']]);

var TabList = function TabList(_ref, context) {
  var children = _ref.children,
      other = objectWithoutProperties(_ref, ['children']);
  return React.createElement(
    Container$9,
    _extends({}, other, { background: context.inactiveBackground }),
    Children.map(children, function (child, key) {
      return cloneElement(child, _extends({
        key: key,
        index: key,
        active: key === context.currentTab
      }, child.props));
    })
  );
};

TabList.propTypes = {
  children: PropTypes.node.isRequired
};

TabList.contextTypes = {
  currentTab: PropTypes.number,
  inactiveBackground: PropTypes.string.isRequired
};

var TabPanel = function TabPanel(_ref) {
  var active = _ref.active,
      children = _ref.children;

  if (!active) return null;

  return React.createElement(
    'div',
    null,
    children
  );
};

TabPanel.propTypes = {
  active: PropTypes.bool,
  children: PropTypes.node
};

var TabContent = function TabContent(_ref, context) {
  var children = _ref.children;
  return React.createElement(
    'div',
    null,
    Children.map(children, function (child, key) {
      return cloneElement(child, {
        key: key,
        active: context.currentTab === key
      });
    })
  );
};

TabContent.propTypes = {
  children: PropTypes.node.isRequired
};

TabContent.contextTypes = {
  currentTab: PropTypes.number
};

var Item = styled.li.withConfig({
  displayName: 'breadcrumb__Item',
  componentId: 'y4hbmr-0'
})([['{margin-left:0.5em;font-weight:300;font-family:', function (props) {
  return props.theme.font.base;
}, ';}'], [':first-child{margin-left:0;}']]);

var Breadcrumb = function Breadcrumb(_ref) {
  var children = _ref.children;
  return React.createElement(
    Item,
    null,
    children
  );
};

Breadcrumb.propTypes = {
  children: PropTypes.node
};

var Container$10 = styled.ul.withConfig({
  displayName: 'breadcrumbs__Container',
  componentId: 'dnwscn-0'
})([['{list-style:none;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-left:0;margin-bottom:0;}']]);

var Breadcrumbs = function Breadcrumbs(_ref) {
  var children = _ref.children,
      other = objectWithoutProperties(_ref, ['children']);
  return React.createElement(
    Container$10,
    other,
    Children.map(children, function (child, index) {
      var count = Children.count(children);

      if (count === index + 1) {
        return _extends({}, child, { props: _extends({}, child.props, { last: true }) });
      }

      return child;
    })
  );
};

Breadcrumbs.propTypes = {
  children: PropTypes.node
};

var Wrapper$1 = styled.span.withConfig({
  displayName: 'seperator__Wrapper',
  componentId: 's19g0t30-0'
})([['{margin-left:0.5em;}']]);

var Seperator = function Seperator(props) {
  return React.createElement(
    Wrapper$1,
    props,
    '>'
  );
};

var _templateObject$10 = taggedTemplateLiteral(['\n    padding: ', ';\n    padding-bottom: 0;\n    padding-top: ', ';\n  '], ['\n    padding: ', ';\n    padding-bottom: 0;\n    padding-top: ', ';\n  ']);

var styling$1 = css([['{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;font-size:0.875em;color:', function (props) {
  return props.theme.color.grey;
}, ';font-family:', function (props) {
  return props.theme.font.base;
}, ';font-weight:300;padding:', function (props) {
  return props.theme.spacing.medium;
}, ';padding-bottom:0;padding-top:', function (props) {
  return props.theme.spacing.regular;
}, ';', media.large(_templateObject$10, function (props) {
  return props.theme.spacing.large;
}, function (props) {
  return props.theme.spacing.medium;
}), ';}']]);

var Container$12 = styled.span.withConfig({
  displayName: 'meta__Container',
  componentId: 'zuq90-0'
})([['{', styling$1, ';}']]);

var Meta$1 = function Meta(_ref) {
  var meta = _ref.meta,
      other = objectWithoutProperties(_ref, ['meta']);

  if (!meta) return null;

  return React.createElement(
    Container$12,
    other,
    React.createElement(
      'span',
      null,
      meta.left
    ),
    React.createElement(
      'span',
      null,
      meta.right
    )
  );
};

Meta$1.propTypes = {
  meta: PropTypes.object
};

var _templateObject$9 = taggedTemplateLiteral(['\n    padding: ', ';\n  '], ['\n    padding: ', ';\n  ']);

var styling = css([['{display:block;position:relative;text-align:left;box-shadow:', function (props) {
  return props.border ? null : '0px 5px 10px 0px rgba(0, 0, 0, 0.10)';
}, ';color:', function (props) {
  return props.dark ? props.theme.colors.blank : props.theme.colors.black;
}, ';background:', function (props) {
  return props.dark ? props.theme.colors.black : props.theme.colors.blank;
}, ';border:1px solid rgba(0,0,0,0.1);border-radius:3px;-webkit-transition:box-shadow 0.3s cubic-bezier(0.25,0.8,0.25,1);transition:box-shadow 0.3s cubic-bezier(0.25,0.8,0.25,1);font-family:', function (props) {
  return props.theme.font.base;
}, ';padding:', function (props) {
  return props.theme.spacing.medium;
}, ';}', media.large(_templateObject$9, function (props) {
  return props.theme.spacing.large;
}), ' '], [':hover{box-shadow:', function (props) {
  return props.border ? null : '0px 10px 20px 0px rgba(0, 0, 0, 0.20)';
}, ';}'], [' p:first-child,'], [' h1:first-child,'], [' h2:first-child,'], [' h3:first-child{margin-top:-0.05em;}'], [' p:last-child,'], [' h1:last-child,'], [' h2:last-child,'], [' h3:last-child{margin-bottom:-0.05em;}'], [' *{box-sizing:border-box;}']]);

var Container$11 = styled.div.withConfig({
  displayName: 'base__Container',
  componentId: 'uqvute-0'
})([['{', styling, ';}']]);

var Card = function Card(_ref) {
  var children = _ref.children,
      meta = _ref.meta,
      other = objectWithoutProperties(_ref, ['children', 'meta']);
  return React.createElement(
    'div',
    null,
    React.createElement(
      Container$11,
      _extends({ className: 'card' }, other),
      children
    ),
    React.createElement(Meta$1, { className: 'meta', meta: meta })
  );
};

Card.propTypes = {
  dark: PropTypes.bool,
  border: PropTypes.bool,
  children: PropTypes.node.isRequired,
  meta: PropTypes.shape({ left: PropTypes.string, right: PropTypes.string })
};

var _templateObject$12 = taggedTemplateLiteral(['\n    width: calc(100% + (2 * ', '));\n    margin-left: -', ';\n    margin-top: ', ';\n    margin-bottom: ', ';\n    padding: ', ';\n  '], ['\n    width: calc(100% + (2 * ', '));\n    margin-left: -', ';\n    margin-top: ', ';\n    margin-bottom: ', ';\n    padding: ', ';\n  ']);

var styling$3 = css([['{position:relative;width:calc(100% + (2 * ', function (props) {
  return props.theme.spacing.medium;
}, '));margin-left:-', function (props) {
  return props.theme.spacing.medium;
}, ';margin-top:', function (props) {
  return props.theme.spacing.medium;
}, ';margin-bottom:', function (props) {
  return props.theme.spacing.medium;
}, ';padding:', function (props) {
  return props.theme.spacing.medium;
}, ';', media.large(_templateObject$12, function (props) {
  return props.theme.spacing.large;
}, function (props) {
  return props.theme.spacing.large;
}, function (props) {
  return props.theme.spacing.large;
}, function (props) {
  return props.theme.spacing.large;
}, function (props) {
  return props.theme.spacing.large;
}), ';}']]);

var Container$13 = styled.div.withConfig({
  displayName: 'inset__Container',
  componentId: 'sfh9w0-0'
})([['{', styling$3, ';}']]);

var CardInset = function CardInset(_ref) {
  var children = _ref.children,
      other = objectWithoutProperties(_ref, ['children']);
  return React.createElement(
    Container$13,
    other,
    children
  );
};

CardInset.propTypes = {
  children: PropTypes.node
};

var _templateObject$11 = taggedTemplateLiteral(['\n    margin-top: -', ';\n  '], ['\n    margin-top: -', ';\n  ']);

var styling$2 = css([['{background:', function (props) {
  return props.theme.colors.dim;
}, ';overflow:hidden;border-radius:3px 3px 0px 0px;position:relative;margin-top:-', function (props) {
  return props.theme.spacing.medium;
}, ';padding:0 !important;}', media.large(_templateObject$11, function (props) {
  return props.theme.spacing.large;
}), ' '], [':before{display:block;content:\'\';width:100%;padding-top:52.63%;}'], [' img{position:absolute;top:0;right:0;bottom:0;left:0;max-width:100%;height:auto;overflow:hidden;border-radius:3px 3px 0px 0px;}']]);

var StyledCardInset = styled(CardInset).withConfig({
  displayName: 'image__StyledCardInset',
  componentId: 's2lqb2k-0'
})([['{', styling$2, ';}']]);

/**
 * Card Image
 */
var CardImage = function CardImage(_ref) {
  var src = _ref.src,
      alt = _ref.alt,
      other = objectWithoutProperties(_ref, ['src', 'alt']);
  return React.createElement(
    StyledCardInset,
    other,
    src && React.createElement('img', { src: src, alt: alt })
  );
};

CardImage.propTypes = {
  src: PropTypes.string,
  alt: PropTypes.string
};

var _templateObject$13 = taggedTemplateLiteral(['\n    margin-top: -', ';\n  '], ['\n    margin-top: -', ';\n  ']);

var StyledCardInset$1 = styled(CardInset).withConfig({
  displayName: 'header__StyledCardInset',
  componentId: 'e0iy5p-0'
})([['{position:relative;background:', function (props) {
  return props.theme.colors.dim;
}, ';border-radius:3px 3px 0px 0px;margin-top:-', function (props) {
  return props.theme.spacing.medium;
}, ';margin-bottom:', function (props) {
  return props.theme.spacing.medium;
}, ';padding:0 !important;', media.large(_templateObject$13, function (props) {
  return props.theme.spacing.large;
}), ';}']]);

/**
 * Card Header
 */
var CardHeader = function CardHeader(_ref) {
  var children = _ref.children,
      other = objectWithoutProperties(_ref, ['children']);
  return React.createElement(
    StyledCardInset$1,
    other,
    children
  );
};

CardHeader.propTypes = {
  children: PropTypes.node.isRequired
};

var StyledCardInset$2 = styled(CardInset).withConfig({
  displayName: 'action__StyledCardInset',
  componentId: 's1iqkz9r-0'
})([['{background:', function (props) {
  return props.theme.colors.grey;
}, ';border-radius:0px 0px 3px 3px;margin-bottom:-', function (props) {
  return props.theme.spacing.large;
}, ';}']]);

/**
 * Card action
 */
var CardAction = function CardAction(_ref) {
  var children = _ref.children,
      other = objectWithoutProperties(_ref, ['children']);
  return React.createElement(
    StyledCardInset$2,
    other,
    children
  );
};

CardAction.propTypes = {
  children: PropTypes.node.isRequired
};

export { index as Flag, index$1 as Icon, index$2 as Toast, index$3 as Button, Tag, Text, Logo, Meta, Title, Input, Label, Radio, Author, Preview, Spinner, Dropdown, Dropzone, Textarea, Paragraph, Countdown, SmallCaps, grid as Grid, row as Row, column as Column, box as Box, ProfilePicture, Table, Row as TableRow, Cell as TableCell, DefinitionData, DefinitionTerm, Tab, Tabs, TabPanel, TabList, TabContent, Breadcrumb, Breadcrumbs, Seperator as BreadcrumbSeperator, Card, Meta$1 as CardMeta, CardImage, CardInset, CardHeader, CardAction, theme, media, fontSize };