phx-react
Version:
PHX REACT
16 lines • 6.8 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.default = Icon;
const tslib_1 = require("tslib");
const react_1 = tslib_1.__importDefault(require("react"));
const helper_1 = require("../../helper");
function Icon({ activeColor = 'currentColor', isActive = false, isBoldIcon }) {
return isActive || isBoldIcon ? (react_1.default.createElement("svg", { fill: 'none', height: '20', viewBox: '0 0 20 20', width: '20', xmlns: 'http://www.w3.org/2000/svg' },
react_1.default.createElement("path", { d: 'M4.99998 4.37495C5.00141 4.03088 4.90813 3.69304 4.73036 3.39845C4.55259 3.10385 4.29718 2.86386 3.99211 2.70474C3.68704 2.54561 3.34406 2.47351 3.00074 2.49631C2.65742 2.51911 2.327 2.63595 2.04565 2.83401C1.7643 3.03208 1.54288 3.30375 1.40563 3.61927C1.26838 3.93479 1.2206 4.28199 1.26751 4.62285C1.31443 4.96371 1.45423 5.2851 1.67162 5.5518C1.88901 5.81851 2.17559 6.02025 2.49998 6.13495V16.8749C2.49998 17.0407 2.56583 17.1997 2.68304 17.3169C2.80025 17.4341 2.95922 17.4999 3.12498 17.4999C3.29075 17.4999 3.44972 17.4341 3.56693 17.3169C3.68414 17.1997 3.74998 17.0407 3.74998 16.8749V6.13495C4.1143 6.00615 4.42993 5.76793 4.65368 5.45289C4.87743 5.13784 4.99838 4.76136 4.99998 4.37495Z', fill: isBoldIcon ? (0, helper_1.getBoldIconColor)(isActive) : activeColor }),
react_1.default.createElement("path", { d: 'M15.625 2.5H9.375C8.5465 2.50099 7.75222 2.83055 7.16639 3.41639C6.58055 4.00222 6.25099 4.7965 6.25 5.625V13.75C6.2516 14.1364 6.37255 14.5129 6.5963 14.8279C6.82006 15.143 7.13568 15.3812 7.5 15.51V16.25C7.5 16.5815 7.6317 16.8995 7.86612 17.1339C8.10054 17.3683 8.41848 17.5 8.75 17.5H10C10.3315 17.5 10.6495 17.3683 10.8839 17.1339C11.1183 16.8995 11.25 16.5815 11.25 16.25V15.625H13.75V16.25C13.75 16.5815 13.8817 16.8995 14.1161 17.1339C14.3505 17.3683 14.6685 17.5 15 17.5H16.25C16.5815 17.5 16.8995 17.3683 17.1339 17.1339C17.3683 16.8995 17.5 16.5815 17.5 16.25V15.51C17.8643 15.3812 18.1799 15.143 18.4037 14.8279C18.6274 14.5129 18.7484 14.1364 18.75 13.75V5.625C18.749 4.7965 18.4194 4.00222 17.8336 3.41639C17.2478 2.83055 16.4535 2.50099 15.625 2.5ZM8.75 13.125C8.75 13.0014 8.78666 12.8805 8.85533 12.7778C8.92401 12.675 9.02162 12.5949 9.13582 12.5476C9.25003 12.5003 9.37569 12.4879 9.49693 12.512C9.61817 12.5361 9.72953 12.5956 9.81694 12.6831C9.90435 12.7705 9.96388 12.8818 9.98799 13.0031C10.0121 13.1243 9.99973 13.25 9.95242 13.3642C9.90512 13.4784 9.82501 13.576 9.72223 13.6447C9.61945 13.7133 9.49861 13.75 9.375 13.75C9.20924 13.75 9.05027 13.6842 8.93306 13.5669C8.81585 13.4497 8.75 13.2908 8.75 13.125ZM15 13.125C15 13.0014 15.0367 12.8805 15.1053 12.7778C15.174 12.675 15.2716 12.5949 15.3858 12.5476C15.5 12.5003 15.6257 12.4879 15.7469 12.512C15.8682 12.5361 15.9795 12.5956 16.0669 12.6831C16.1544 12.7705 16.2139 12.8818 16.238 13.0031C16.2621 13.1243 16.2497 13.25 16.2024 13.3642C16.1551 13.4784 16.075 13.576 15.9722 13.6447C15.8695 13.7133 15.7486 13.75 15.625 13.75C15.4592 13.75 15.3003 13.6842 15.1831 13.5669C15.0658 13.4497 15 13.2908 15 13.125ZM17.5 10C17.5 10.1658 17.4342 10.3247 17.3169 10.4419C17.1997 10.5592 17.0408 10.625 16.875 10.625H8.125C7.95924 10.625 7.80027 10.5592 7.68306 10.4419C7.56585 10.3247 7.5 10.1658 7.5 10V6.25C7.5 5.91848 7.6317 5.60054 7.86612 5.36612C8.10054 5.1317 8.41848 5 8.75 5H16.25C16.5815 5 16.8995 5.1317 17.1339 5.36612C17.3683 5.60054 17.5 5.91848 17.5 6.25V10Z', fill: isBoldIcon ? (0, helper_1.getBoldIconColor)(isActive) : activeColor }))) : (react_1.default.createElement("svg", { fill: 'none', height: '20', viewBox: '0 0 20 20', width: '20', xmlns: 'http://www.w3.org/2000/svg' },
react_1.default.createElement("path", { d: 'M15.1432 3H9.42859C8.67107 3.00093 7.94483 3.30851 7.40918 3.85529C6.87352 4.40208 6.5722 5.1434 6.57129 5.91667V13.5C6.57275 13.8606 6.68334 14.212 6.88793 14.5061C7.09251 14.8001 7.3811 15.0224 7.71421 15.1427V15.8333C7.71421 16.1427 7.83462 16.4395 8.04896 16.6583C8.2633 16.8771 8.55401 17 8.85713 17H10.0001C10.3032 17 10.5939 16.8771 10.8082 16.6583C11.0226 16.4395 11.143 16.1427 11.143 15.8333V15.25H13.4288V15.8333C13.4288 16.1427 13.5492 16.4395 13.7636 16.6583C13.9779 16.8771 14.2686 17 14.5717 17H15.7147C16.0178 17 16.3085 16.8771 16.5228 16.6583C16.7372 16.4395 16.8576 16.1427 16.8576 15.8333V15.1427C17.1907 15.0224 17.4793 14.8001 17.6839 14.5061C17.8884 14.212 17.999 13.8606 18.0005 13.5V5.91667C17.9996 5.1434 17.6983 4.40208 17.1626 3.85529C16.627 3.30851 15.9007 3.00093 15.1432 3ZM9.42859 4.16667H15.1432C15.4965 4.16816 15.8407 4.28105 16.1288 4.48988C16.4168 4.69872 16.6347 4.9933 16.7524 5.33333H7.81936C7.93713 4.9933 8.15494 4.69872 8.44299 4.48988C8.73105 4.28105 9.07528 4.16816 9.42859 4.16667ZM10.0001 15.8333H8.85713V15.25H10.0001V15.8333ZM15.7147 15.8333H14.5717V15.25H15.7147V15.8333ZM16.8576 13.5C16.8576 13.6547 16.7974 13.8031 16.6902 13.9125C16.583 14.0219 16.4377 14.0833 16.2861 14.0833H8.28567C8.13411 14.0833 7.98876 14.0219 7.88159 13.9125C7.77442 13.8031 7.71421 13.6547 7.71421 13.5V11.75H16.8576V13.5ZM16.8576 10.5833H7.71421V6.5H16.8576V10.5833Z', fill: 'currentColor' }),
react_1.default.createElement("path", { d: 'M3.71363 3C3.3097 2.99922 2.91854 3.14439 2.60943 3.40979C2.30031 3.6752 2.09318 4.04371 2.02474 4.45007C1.95629 4.85642 2.03094 5.27439 2.23546 5.62994C2.43999 5.9855 2.76118 6.25569 3.14217 6.39267V16.4167C3.14217 16.5714 3.20237 16.7197 3.30954 16.8291C3.41671 16.9385 3.56206 17 3.71363 17C3.86519 17 4.01054 16.9385 4.11771 16.8291C4.22488 16.7197 4.28509 16.5714 4.28509 16.4167V6.39267C4.66607 6.25569 4.98727 5.9855 5.19179 5.62994C5.39631 5.27439 5.47096 4.85642 5.40251 4.45007C5.33407 4.04371 5.12694 3.6752 4.81783 3.40979C4.50871 3.14439 4.11755 2.99922 3.71363 3ZM3.71363 5.33334C3.6006 5.33334 3.49012 5.29912 3.39614 5.23503C3.30216 5.17093 3.22892 5.07982 3.18566 4.97323C3.14241 4.86664 3.1311 4.74936 3.15315 4.6362C3.1752 4.52304 3.22962 4.4191 3.30954 4.33752C3.38946 4.25594 3.49129 4.20039 3.60214 4.17788C3.71299 4.15537 3.82789 4.16692 3.93231 4.21107C4.03673 4.25522 4.12598 4.32999 4.18878 4.42592C4.25157 4.52185 4.28509 4.63463 4.28509 4.75C4.28509 4.90471 4.22488 5.05309 4.11771 5.16248C4.01054 5.27188 3.86519 5.33334 3.71363 5.33334Z', fill: 'currentColor' }),
react_1.default.createElement("path", { d: 'M9.375 13.75C9.72018 13.75 10 13.4702 10 13.125C10 12.7798 9.72018 12.5 9.375 12.5C9.02982 12.5 8.75 12.7798 8.75 13.125C8.75 13.4702 9.02982 13.75 9.375 13.75Z', fill: 'currentColor' }),
react_1.default.createElement("path", { d: 'M15.625 13.75C15.9702 13.75 16.25 13.4702 16.25 13.125C16.25 12.7798 15.9702 12.5 15.625 12.5C15.2798 12.5 15 12.7798 15 13.125C15 13.4702 15.2798 13.75 15.625 13.75Z', fill: 'currentColor' })));
}
//# sourceMappingURL=xe-tuyen.js.map