phx-react
Version:
PHX REACT
16 lines • 6.22 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", { clipRule: 'evenodd', d: 'M11.6968 15.3801H8.68509L8.51765 15.8713C8.38965 16.2468 8.03021 16.5 7.62612 16.5H5.99264C5.74334 16.5 5.50446 16.4032 5.32809 16.2307C5.15246 16.0583 5.05348 15.8247 5.05348 15.5809V14.4384C4.10093 13.336 3.52642 11.9111 3.52642 10.356C3.52642 6.86232 6.42724 4.02646 10.0001 4.02646C10.8045 4.02646 11.5747 4.16982 12.2854 4.43252C13.1011 3.47996 14.3431 3.30385 15.8813 3.69317C16.1887 3.77104 16.4357 3.99372 16.5362 4.28843C16.6374 4.58243 16.5771 4.90553 16.3829 5.14567C16.1187 5.47022 15.7615 5.91267 15.5092 6.22121C15.9193 6.7357 16.1857 7.40518 16.3293 7.86873C16.374 8.01354 16.4789 8.13361 16.6173 8.20129C16.6315 8.20784 16.6456 8.21584 16.6597 8.22385C16.8458 8.33591 17.0772 8.44798 17.2692 8.54185C17.7172 8.76089 18 9.20843 18 9.69817V11.4759C18 12.1891 17.4084 12.7676 16.6783 12.7676H16.5474C16.2906 12.7676 16.0443 12.8673 15.8627 13.0449L15.6119 13.2901C15.4303 13.4677 15.3284 13.7085 15.3284 13.9596V15.5809C15.3284 16.0881 14.9079 16.5 14.3885 16.5H12.7558C12.3509 16.5 11.9922 16.2468 11.8642 15.8713L11.6968 15.3801ZM13.721 7.80032C13.4129 7.80032 13.1628 8.04483 13.1628 8.3461C13.1628 8.64737 13.4129 8.89188 13.721 8.89188C14.0291 8.89188 14.2791 8.64737 14.2791 8.3461C14.2791 8.04483 14.0291 7.80032 13.721 7.80032ZM7.55244 8.15835C8.13142 7.52962 8.96936 7.13375 9.90182 7.13375C10.3751 7.13375 10.8239 7.23563 11.2265 7.41755C11.5063 7.54417 11.8382 7.42483 11.9677 7.15194C12.0972 6.87833 11.9751 6.55377 11.696 6.42715C11.1498 6.18046 10.5426 6.0422 9.90182 6.0422C8.64044 6.0422 7.5063 6.57706 6.72268 7.42774C6.51654 7.65187 6.53515 7.9968 6.76436 8.19838C6.99356 8.39995 7.34631 8.38176 7.55244 8.15835Z', fill: isBoldIcon ? (0, helper_1.getBoldIconColor)(isActive) : activeColor, fillRule: 'evenodd' }),
react_1.default.createElement("path", { clipRule: 'evenodd', d: 'M2 5.87773C2 5.57646 2.25004 5.33196 2.55814 5.33196C2.86623 5.33196 3.11627 5.57646 3.11627 5.87773C3.11627 6.60689 3.72055 7.19778 4.46622 7.19778C4.77431 7.19851 5.02435 7.44302 5.02435 7.74429C5.02435 8.04483 4.77431 8.29006 4.46622 8.28934C3.10436 8.28934 2 7.21015 2 5.87773Z', fill: isBoldIcon ? (0, helper_1.getBoldIconColor)(isActive) : activeColor, fillRule: 'evenodd' }))) : (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: 'M13.7204 8.8932C14.0286 8.8932 14.2785 8.64889 14.2785 8.34752C14.2785 8.04615 14.0286 7.80184 13.7204 7.80184C13.4122 7.80184 13.1623 8.04615 13.1623 8.34752C13.1623 8.64889 13.4122 8.8932 13.7204 8.8932Z', fill: 'currentColor' }),
react_1.default.createElement("path", { clipRule: 'evenodd', d: 'M11.697 15.3803H8.68544L8.518 15.8714C8.39001 16.2468 8.03058 16.5 7.62651 16.5H5.99309C5.7438 16.5 5.50493 16.4032 5.32856 16.2308C5.15294 16.0584 5.05397 15.8248 5.05397 15.5811V14.4388C4.10145 13.3365 3.52697 11.9119 3.52697 10.3571C3.52697 6.86399 6.42768 4.02863 10.0004 4.02863C10.8048 4.02863 11.575 4.17196 12.2856 4.43462C13.1012 3.48222 14.344 3.30106 15.8814 3.6954C16.1887 3.7718 16.4358 3.99589 16.5363 4.29056C16.6375 4.5845 16.5779 4.90827 16.383 5.14764C16.1203 5.47287 15.7616 5.91451 15.5093 6.223C15.9193 6.7374 16.188 7.40604 16.3294 7.87023C16.3748 8.01502 16.479 8.13507 16.6174 8.20273C16.6315 8.20928 16.6456 8.21728 16.6598 8.22529C16.8458 8.33733 17.0772 8.44938 17.2692 8.54324C17.7172 8.76224 18 9.2097 18 9.69935V11.4768C18 12.1898 17.4084 12.7683 16.6784 12.7683H16.5474C16.2907 12.7683 16.0444 12.8679 15.8628 13.0455L15.612 13.2907C15.4304 13.4682 15.3285 13.709 15.3285 13.96V15.5811C15.3285 16.0882 14.908 16.5 14.3886 16.5H12.756C12.3511 16.5 11.9925 16.2468 11.8645 15.8714L11.697 15.3803ZM6.1702 15.4086H7.49926L7.66669 14.9175C7.79469 14.5421 8.15337 14.2889 8.55819 14.2889H11.8243C12.2283 14.2889 12.5878 14.5421 12.7158 14.9175L12.8832 15.4086H14.2123V13.96C14.2123 13.4202 14.4318 12.9014 14.8232 12.5194L15.074 12.2742C15.4647 11.8915 15.9945 11.6769 16.5474 11.6769H16.6784C16.7922 11.6769 16.8838 11.5874 16.8838 11.4768V9.69935C16.8838 9.62296 16.8399 9.55384 16.7707 9.51964C16.5578 9.4156 16.3033 9.29046 16.095 9.16677C15.6946 8.96378 15.3947 8.61236 15.2623 8.19036L15.2608 8.18527C15.1283 7.75018 14.8775 7.04734 14.4147 6.67337C14.1803 6.48347 14.1445 6.14515 14.335 5.91232C14.335 5.91232 14.8939 5.22913 15.3315 4.68854C14.2919 4.46882 13.451 4.59032 12.9584 5.38847C12.8118 5.62639 12.5044 5.71806 12.2462 5.60165C11.5631 5.29243 10.8026 5.12 10.0004 5.12C7.04383 5.12 4.6432 7.46642 4.6432 10.3571C4.6432 11.7067 5.16708 12.9385 6.02583 13.8669C6.11885 13.9673 6.1702 14.0983 6.1702 14.2329V15.4086Z', fill: 'currentColor', fillRule: 'evenodd' }),
react_1.default.createElement("path", { clipRule: 'evenodd', d: 'M7.55208 8.15981C7.34595 8.38317 6.99322 8.40136 6.76402 8.19982C6.53482 7.99828 6.51622 7.65341 6.72235 7.42932C7.50594 6.57878 8.64003 6.04402 9.90137 6.04402C10.5421 6.04402 11.1493 6.18226 11.6955 6.4289C11.9746 6.5555 12.0966 6.88 11.9671 7.15357C11.8377 7.42641 11.5058 7.54573 11.226 7.41913C10.8234 7.23724 10.3747 7.13538 9.90137 7.13538C8.96895 7.13538 8.13103 7.53118 7.55208 8.15981Z', fill: 'currentColor', fillRule: 'evenodd' }),
react_1.default.createElement("path", { clipRule: 'evenodd', d: 'M2 5.87958C2 5.57837 2.25004 5.3339 2.55811 5.3339C2.86619 5.3339 3.11623 5.57837 3.11623 5.87958C3.11623 6.60861 3.72048 7.1994 4.46612 7.1994C4.7742 7.20013 5.02424 7.4446 5.02424 7.74581C5.02424 8.0463 4.7742 8.29149 4.46612 8.29077C3.10432 8.29077 2 7.21177 2 5.87958Z', fill: 'currentColor', fillRule: 'evenodd' })));
}
//# sourceMappingURL=hoc-phi.js.map