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

an international phone number input component for React.

import e from"react";import{s as n}from"../../style-inject.es-e87a8d02.js";import{g as t}from"../../unicode-e614313e.js";function r(n){return e.createElement("option",{value:n.countryCode},t(n.countryCode)," ",n.countryCode)}function o(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})}))))}n(".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");export{r as DefaultOptionComponent,o as default};
//# sourceMappingURL=Select.js.map