react-phone-input-pro
Version:
Phone number input component for react to format phone numbers according to selected countries in real time.
15 lines (14 loc) • 12.5 kB
JavaScript
import React from 'react';
const Arrow = (props) => {
const { color } = props;
return (React.createElement(React.Fragment, null,
React.createElement("svg", { version: '1.1', id: 'Layer_1', xmlns: 'http://www.w3.org/2000/svg', xmlnsXlink: 'http://www.w3.org/1999/xlink', x: '0px', y: '0px', width: '8px', viewBox: '0 0 1486 2032', enableBackground: 'new 0 0 1486 2032', xmlSpace: 'preserve' },
React.createElement("path", { fill: '#FFFFFF', opacity: '0', stroke: 'none', d: '\n M1487.000000,755.000000 \n C1487.000000,928.358215 1487.000000,1101.716431 1486.623779,1275.427979 \n C1485.834717,1275.113892 1485.263184,1274.496948 1485.034058,1273.771729 \n C1482.867188,1266.913452 1481.328979,1259.792847 1478.515991,1253.215698 \n C1472.423462,1238.970581 1461.368408,1228.254028 1450.778687,1217.482178 \n C1430.499634,1196.854492 1409.540649,1176.897217 1389.054810,1156.470093 \n C1380.081177,1147.522095 1370.054688,1140.348755 1358.257812,1135.697021 \n C1341.378052,1129.040771 1324.282471,1127.506592 1306.396484,1131.769165 \n C1287.206665,1136.342285 1271.759155,1146.808716 1258.220215,1160.371704 \n C1176.798950,1241.937500 1095.590210,1323.715576 1014.174194,1405.286743 \n C925.531189,1494.098999 836.737061,1582.760498 748.045410,1671.524170 \n C746.782654,1672.788086 745.992737,1674.524536 744.570312,1676.658081 \n C742.268860,1674.070679 741.132263,1672.654297 739.855835,1671.377686 \n C569.598572,1501.099487 399.344788,1330.817749 229.000839,1160.626343 \n C223.597534,1155.227905 217.525803,1150.395264 211.311707,1145.930786 \n C191.431259,1131.647217 169.065552,1126.911499 145.196198,1131.179199 \n C127.145912,1134.406616 111.534843,1143.452759 98.488083,1156.178467 \n C75.228127,1178.865845 52.267799,1201.869141 29.543764,1225.093994 \n C16.736874,1238.183105 7.056501,1253.341431 2.922526,1271.555420 \n C2.787224,1272.151733 1.663183,1272.523560 1.000008,1273.000000 \n C1.000000,1102.641724 1.000000,932.283508 1.374398,761.570435 \n C2.138050,761.716858 2.784794,762.174133 2.879205,762.725952 \n C5.847390,780.074341 14.609621,794.553101 26.545969,806.835938 \n C51.164890,832.169617 76.165802,857.146667 101.547783,881.714417 \n C108.178993,888.132996 116.321503,893.436218 124.600693,897.599670 \n C136.464798,903.566040 149.427216,905.553528 162.913544,905.151245 \n C178.447693,904.687805 192.147049,899.387085 205.480118,892.093689 \n C219.840698,884.238220 230.854584,872.351624 242.138474,861.094360 \n C407.069275,696.552002 571.746277,531.755188 736.473267,367.008575 \n C738.801392,364.680115 740.993713,362.215851 743.368347,359.688385 \n C745.215759,361.604431 746.694763,363.188293 748.226196,364.719818 \n C916.847961,533.348999 1085.464966,701.982971 1254.141235,870.557617 \n C1259.235107,875.648621 1264.730713,880.399963 1270.415771,884.825684 \n C1288.686523,899.048828 1308.885864,907.161926 1332.673828,905.136902 \n C1346.914062,903.924622 1359.449585,898.767029 1371.643188,891.910828 \n C1385.801514,883.950073 1396.024292,871.451538 1407.555298,860.589783 \n C1425.083618,844.078857 1441.414429,826.300720 1458.367920,809.173767 \n C1469.847168,797.577026 1478.031250,784.048401 1482.981567,768.541077 \n C1484.412964,764.056763 1485.665527,759.515320 1487.000000,755.000000 \n z' }),
React.createElement("path", { fill: color, opacity: '1.000000', stroke: 'none', d: '\n M1487.000000,754.531494 \n C1485.665527,759.515320 1484.412964,764.056763 1482.981567,768.541077 \n C1478.031250,784.048401 1469.847168,797.577026 1458.367920,809.173767 \n C1441.414429,826.300720 1425.083618,844.078857 1407.555298,860.589783 \n C1396.024292,871.451538 1385.801514,883.950073 1371.643188,891.910828 \n C1359.449585,898.767029 1346.914062,903.924622 1332.673828,905.136902 \n C1308.885864,907.161926 1288.686523,899.048828 1270.415771,884.825684 \n C1264.730713,880.399963 1259.235107,875.648621 1254.141235,870.557617 \n C1085.464966,701.982971 916.847961,533.348999 748.226196,364.719818 \n C746.694763,363.188293 745.215759,361.604431 743.368347,359.688385 \n C740.993713,362.215851 738.801392,364.680115 736.473267,367.008575 \n C571.746277,531.755188 407.069275,696.552002 242.138474,861.094360 \n C230.854584,872.351624 219.840698,884.238220 205.480118,892.093689 \n C192.147049,899.387085 178.447693,904.687805 162.913544,905.151245 \n C149.427216,905.553528 136.464798,903.566040 124.600693,897.599670 \n C116.321503,893.436218 108.178993,888.132996 101.547783,881.714417 \n C76.165802,857.146667 51.164890,832.169617 26.545969,806.835938 \n C14.609621,794.553101 5.847390,780.074341 2.879205,762.725952 \n C2.784794,762.174133 2.138050,761.716858 1.374398,761.107788 \n C1.000000,750.645752 1.000000,740.291565 1.371551,729.363647 \n C2.095490,728.431335 2.692255,728.116272 2.765243,727.707642 \n C6.550471,706.515808 18.570820,690.014282 33.278038,675.299072 \n C240.362946,468.101471 447.507233,260.963135 654.705933,53.879276 \n C665.456970,43.134171 676.493042,32.621143 687.999939,22.700041 \n C699.871582,12.464432 713.695923,5.646096 729.341125,3.003838 \n C733.553467,2.292433 737.779968,1.665634 742.000000,0.999998 \n C742.750000,1.000000 743.500000,1.000000 744.786377,1.404545 \n C748.488037,1.879530 751.719727,1.558720 754.807861,2.083440 \n C776.042847,5.691610 794.142395,15.805954 809.147400,30.795456 \n C1021.019470,242.448502 1232.751221,454.241943 1444.488037,666.030273 \n C1451.040161,672.584106 1457.509277,679.249512 1463.609741,686.219421 \n C1471.739014,695.507202 1478.086548,705.958923 1481.990234,717.752625 \n C1483.770752,723.131836 1485.336670,728.582031 1487.000000,734.000000 \n C1487.000000,740.687622 1487.000000,747.375305 1487.000000,754.531494 \n z' }),
React.createElement("path", { fill: color, opacity: '1.000000', stroke: 'none', d: '\n M1.000008,1273.468628 \n C1.663183,1272.523560 2.787224,1272.151733 2.922526,1271.555420 \n C7.056501,1253.341431 16.736874,1238.183105 29.543764,1225.093994 \n C52.267799,1201.869141 75.228127,1178.865845 98.488083,1156.178467 \n C111.534843,1143.452759 127.145912,1134.406616 145.196198,1131.179199 \n C169.065552,1126.911499 191.431259,1131.647217 211.311707,1145.930786 \n C217.525803,1150.395264 223.597534,1155.227905 229.000839,1160.626343 \n C399.344788,1330.817749 569.598572,1501.099487 739.855835,1671.377686 \n C741.132263,1672.654297 742.268860,1674.070679 744.570312,1676.658081 \n C745.992737,1674.524536 746.782654,1672.788086 748.045410,1671.524170 \n C836.737061,1582.760498 925.531189,1494.098999 1014.174194,1405.286743 \n C1095.590210,1323.715576 1176.798950,1241.937500 1258.220215,1160.371704 \n C1271.759155,1146.808716 1287.206665,1136.342285 1306.396484,1131.769165 \n C1324.282471,1127.506592 1341.378052,1129.040771 1358.257812,1135.697021 \n C1370.054688,1140.348755 1380.081177,1147.522095 1389.054810,1156.470093 \n C1409.540649,1176.897217 1430.499634,1196.854492 1450.778687,1217.482178 \n C1461.368408,1228.254028 1472.423462,1238.970581 1478.515991,1253.215698 \n C1481.328979,1259.792847 1482.867188,1266.913452 1485.034058,1273.771729 \n C1485.263184,1274.496948 1485.834717,1275.113892 1486.623779,1275.890625 \n C1487.000000,1284.020874 1487.000000,1292.041870 1486.622070,1300.658325 \n C1485.832520,1302.644043 1485.268311,1304.008911 1485.032471,1305.428223 \n C1481.873291,1324.439087 1472.731323,1340.579468 1459.412476,1353.913818 \n C1242.747192,1570.832397 1025.920044,1787.589478 809.115845,2004.369385 \n C796.898987,2016.584717 782.628296,2025.501587 766.017639,2030.485352 \n C762.723511,2031.473755 759.341492,2032.169434 756.000000,2033.000000 \n C748.979065,2033.000000 741.958069,2033.000000 734.326538,2032.609863 \n C732.220459,2032.140991 730.676270,2032.276733 729.236816,2031.950684 \n C711.071045,2027.836060 694.893250,2019.504150 681.488098,2006.768433 \n C659.190002,1985.583862 637.389221,1963.867554 615.651917,1942.102417 \n C419.053436,1745.252197 222.487137,1548.369751 26.043430,1351.365112 \n C16.888346,1342.183960 10.257695,1330.997314 5.902589,1318.604736 \n C4.512998,1314.650513 2.647686,1310.863525 1.000019,1307.000000 \n C1.000000,1295.979126 1.000000,1284.958130 1.000008,1273.468628 \n z' }),
React.createElement("path", { fill: '#FFFFFF', opacity: '0', stroke: 'none', d: '\n M1487.000000,733.531372 \n C1485.336670,728.582031 1483.770752,723.131836 1481.990234,717.752625 \n C1478.086548,705.958923 1471.739014,695.507202 1463.609741,686.219421 \n C1457.509277,679.249512 1451.040161,672.584106 1444.488037,666.030273 \n C1232.751221,454.241943 1021.019470,242.448502 809.147400,30.795456 \n C794.142395,15.805954 776.042847,5.691610 754.807861,2.083440 \n C751.719727,1.558720 748.488037,1.879530 745.161377,1.404545 \n C992.260010,1.000000 1239.520020,1.000000 1487.000000,1.000000 \n C1487.000000,245.020844 1487.000000,489.041779 1487.000000,733.531372 \n z' }),
React.createElement("path", { fill: '#FFFFFF', opacity: '0', stroke: 'none', d: '\n M741.531372,0.999998 \n C737.779968,1.665634 733.553467,2.292433 729.341125,3.003838 \n C713.695923,5.646096 699.871582,12.464432 687.999939,22.700041 \n C676.493042,32.621143 665.456970,43.134171 654.705933,53.879276 \n C447.507233,260.963135 240.362946,468.101471 33.278038,675.299072 \n C18.570820,690.014282 6.550471,706.515808 2.765243,727.707642 \n C2.692255,728.116272 2.095490,728.431335 1.371551,728.895020 \n C1.000000,486.405609 1.000000,243.811188 1.000000,1.000000 \n C247.687515,1.000000 494.375092,1.000000 741.531372,0.999998 \n z' }),
React.createElement("path", { fill: '#FFFFFF', opacity: '0', stroke: 'none', d: '\n M756.468628,2033.000000 \n C759.341492,2032.169434 762.723511,2031.473755 766.017639,2030.485352 \n C782.628296,2025.501587 796.898987,2016.584717 809.115845,2004.369385 \n C1025.920044,1787.589478 1242.747192,1570.832397 1459.412476,1353.913818 \n C1472.731323,1340.579468 1481.873291,1324.439087 1485.032471,1305.428223 \n C1485.268311,1304.008911 1485.832520,1302.644043 1486.622070,1301.126953 \n C1487.000000,1544.927002 1487.000000,1788.854126 1487.000000,2033.000000 \n C1243.645874,2033.000000 1000.291565,2033.000000 756.468628,2033.000000 \n z' }),
React.createElement("path", { fill: '#FFFFFF', opacity: '0', stroke: 'none', d: '\n M1.000019,1307.468628 \n C2.647686,1310.863525 4.512998,1314.650513 5.902589,1318.604736 \n C10.257695,1330.997314 16.888346,1342.183960 26.043430,1351.365112 \n C222.487137,1548.369751 419.053436,1745.252197 615.651917,1942.102417 \n C637.389221,1963.867554 659.190002,1985.583862 681.488098,2006.768433 \n C694.893250,2019.504150 711.071045,2027.836060 729.236816,2031.950684 \n C730.676270,2032.276733 732.220459,2032.140991 733.857971,2032.609863 \n C489.739929,2033.000000 245.479843,2033.000000 1.000000,2033.000000 \n C1.000000,1791.312500 1.000000,1549.624878 1.000019,1307.468628 \n z' }))));
};
export default Arrow;