(function (global, factory) {
  if (typeof define === "function" && define.amd) {
    define(['exports', 'react', 'styled-components'], factory);
  } else if (typeof exports !== "undefined") {
    factory(exports, require('react'), require('styled-components'));
  } else {
    var mod = {
      exports: {}
    };
    factory(mod.exports, global.react, global.styledComponents);
    global.Select = mod.exports;
  }
})(this, function (exports, _react, _styledComponents) {
  'use strict';

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

  var _react2 = _interopRequireDefault(_react);

  var _styledComponents2 = _interopRequireDefault(_styledComponents);

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

  var _templateObject = _taggedTemplateLiteral(['\n  font: inherit;\n  outline: 0;\n  transition: background .4s, border-color .4s, color .4s;\n  background-color: var(--px-input-background-color, transparent);\n  background-color: var(--px-select-background-color, #d8e0e5);\n  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20viewBox%3D%220%200%20658%201024%22%3E%3Cpath%20fill%3D%22%232c404c%22%20d%3D%22M614.286%20420.571q0%207.429-5.714%2013.143l-266.286%20266.286q-5.714%205.714-13.143%205.714t-13.143-5.714l-266.286-266.286q-5.714-5.714-5.714-13.143t5.714-13.143l28.571-28.571q5.714-5.714%2013.143-5.714t13.143%205.714l224.571%20224.571%20224.571-224.571q5.714-5.714%2013.143-5.714t13.143%205.714l28.571%2028.571q5.714%205.714%205.714%2013.143z%22%2F%3E%3C%2Fsvg%3E");\n  background-repeat: no-repeat;\n  background-position: calc(100% - 0.66667rem) 37.5%;\n  border: var(--px-select-border-color, transparent);\n  box-shadow: none;\n  border-radius: 0;\n  color: var(--px-select-text-color, #2c404c);\n  width: auto;\n  padding: 0 3em 0 1em;\n  min-height: calc(2em);\n  cursor: pointer;\n  -webkit-appearance: none;\n  \n  &:hover {\n    background-color: var(--px-select-background-color--hover, #a3b5bf);\n  }\n\n  &:active {\n    background-color: var(--px-select-background-color--active, #889aa5);\n  }\n\n  &:disabled,\n  &[readonly] {\n    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20viewBox%3D%220%200%20658%201024%22%3E%3Cpath%20fill%3D%22%23c5d1d8%22%20d%3D%22M614.286%20420.571q0%207.429-5.714%2013.143l-266.286%20266.286q-5.714%205.714-13.143%205.714t-13.143-5.714l-266.286-266.286q-5.714-5.714-5.714-13.143t5.714-13.143l28.571-28.571q5.714-5.714%2013.143-5.714t13.143%205.714l224.571%20224.571%20224.571-224.571q5.714-5.714%2013.143-5.714t13.143%205.714l28.571%2028.571q5.714%205.714%205.714%2013.143z%22%2F%3E%3C%2Fsvg%3E");\n    color: var(--px-input-text-color--disabled, rgba(0, 0, 0, 0.2));\n  }\n\n  &[multiple] {\n    padding: 0.33333rem;\n    cursor: pointer;\n    border: none;\n    background: var(--px-multiselect-background-color, #ebeff2);\n  }\n\n  &::-ms-expand {\n    display: none;\n  }\n'], ['\n  font: inherit;\n  outline: 0;\n  transition: background .4s, border-color .4s, color .4s;\n  background-color: var(--px-input-background-color, transparent);\n  background-color: var(--px-select-background-color, #d8e0e5);\n  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20viewBox%3D%220%200%20658%201024%22%3E%3Cpath%20fill%3D%22%232c404c%22%20d%3D%22M614.286%20420.571q0%207.429-5.714%2013.143l-266.286%20266.286q-5.714%205.714-13.143%205.714t-13.143-5.714l-266.286-266.286q-5.714-5.714-5.714-13.143t5.714-13.143l28.571-28.571q5.714-5.714%2013.143-5.714t13.143%205.714l224.571%20224.571%20224.571-224.571q5.714-5.714%2013.143-5.714t13.143%205.714l28.571%2028.571q5.714%205.714%205.714%2013.143z%22%2F%3E%3C%2Fsvg%3E");\n  background-repeat: no-repeat;\n  background-position: calc(100% - 0.66667rem) 37.5%;\n  border: var(--px-select-border-color, transparent);\n  box-shadow: none;\n  border-radius: 0;\n  color: var(--px-select-text-color, #2c404c);\n  width: auto;\n  padding: 0 3em 0 1em;\n  min-height: calc(2em);\n  cursor: pointer;\n  -webkit-appearance: none;\n  \n  &:hover {\n    background-color: var(--px-select-background-color--hover, #a3b5bf);\n  }\n\n  &:active {\n    background-color: var(--px-select-background-color--active, #889aa5);\n  }\n\n  &:disabled,\n  &[readonly] {\n    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20viewBox%3D%220%200%20658%201024%22%3E%3Cpath%20fill%3D%22%23c5d1d8%22%20d%3D%22M614.286%20420.571q0%207.429-5.714%2013.143l-266.286%20266.286q-5.714%205.714-13.143%205.714t-13.143-5.714l-266.286-266.286q-5.714-5.714-5.714-13.143t5.714-13.143l28.571-28.571q5.714-5.714%2013.143-5.714t13.143%205.714l224.571%20224.571%20224.571-224.571q5.714-5.714%2013.143-5.714t13.143%205.714l28.571%2028.571q5.714%205.714%205.714%2013.143z%22%2F%3E%3C%2Fsvg%3E");\n    color: var(--px-input-text-color--disabled, rgba(0, 0, 0, 0.2));\n  }\n\n  &[multiple] {\n    padding: 0.33333rem;\n    cursor: pointer;\n    border: none;\n    background: var(--px-multiselect-background-color, #ebeff2);\n  }\n\n  &::-ms-expand {\n    display: none;\n  }\n']);

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

  var Select = _styledComponents2.default.select(_templateObject);
  exports.default = Select;
});