react-phonenumber-text-input/dist/cjs/components/Select/Select.js

an international phone number input component for React.

"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("../../style-inject.es-d4ddeae4.js"),t=require("../../unicode-5b4d6798.js");function r(n){return e.createElement("option",{value:n.countryCode},t.getCountryFlag(n.countryCode)," ",n.countryCode)}n.styleInject(".react-phonenumber-input_select {\n  box-sizing: border-box;\n  outline: none;\n  border: none;\n  background-color: transparent;\n  appearance: none;\n  padding: 0;\n  margin: 0;\n  font-family: inherit;\n  font-size: inherit;\n  cursor: inherit;\n  line-height: inherit;\n  width: 60px;\n  position: relative;\n  z-index: 1;\n  padding-left: 6px;\n}\n.react-phonenumber-input_select-wrapper {\n  position: relative;\n}\n.react-phonenumber-input_select::-ms-expand {\n  display: none;\n}\n.react-phonenumber-input_select-wrapper::before {\n  content: '';\n  position: absolute;\n  right: 2%;\n  top: 50%;\n  transform: translateY(-35%);\n  z-index: 0;\n  border-left: 0.3em solid transparent;\n  border-right: 0.3em solid transparent;\n  border-top: 0.3em solid #373636;\n}\n"),exports.DefaultOptionComponent=r,exports.default=function(n){return e.createElement("div",{className:"react-phonenumber-input_select-wrapper"},e.createElement("select",{value:n.countryCode,onChange:function(e){var t,r=e.target.value;n.setCountryCode(e.target.value),null===(t=n.onCountryCodeChange)||void 0===t||t.call(n,r)},className:"react-phonenumber-input_select ".concat(n.className||""),style:n.style},n.countries.map((function(n){return e.createElement(r,{key:n,countryCode:n})}))))};
//# sourceMappingURL=Select.js.map