phx-react
Version:
PHX REACT
16 lines • 5.12 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: 'M5.04762 11.2075C4.33143 11.2075 3.66857 11.4671 3.14286 11.8997C2.4419 12.4739 2 13.3627 2 14.3537C2 16.0921 3.36381 17.5 5.04762 17.5C5.81714 17.5 6.5181 17.2011 7.05905 16.7134C7.69143 16.1392 8.09524 15.2976 8.09524 14.3537C8.09524 12.6154 6.73143 11.2075 5.04762 11.2075ZM5.80952 14.5504C5.80952 14.7549 5.70286 14.9515 5.53524 15.0538L4.58286 15.6437C4.49143 15.7066 4.38476 15.7302 4.28571 15.7302C4.09524 15.7302 3.90476 15.628 3.7981 15.4471C3.6381 15.1639 3.7219 14.8021 3.99619 14.6369L4.67429 14.22V13.3705C4.67429 13.0481 4.93333 12.7806 5.24571 12.7806C5.5581 12.7806 5.80952 13.0481 5.80952 13.3705V14.5504Z', fill: isBoldIcon ? (0, helper_1.getBoldIconColor)(isActive) : activeColor }),
react_1.default.createElement("path", { d: 'M14.381 2.5H7.14286C4.97143 2.5 3.52381 3.99447 3.52381 6.23617V9.74425C3.52381 10.0196 3.7981 10.2162 4.05714 10.1454C4.37714 10.0667 4.70476 10.0274 5.04762 10.0274C7.22667 10.0274 9.02476 11.8522 9.22286 14.0625C9.23809 14.2827 9.41333 14.4558 9.61905 14.4558H10.0381L13.261 16.6739C13.7333 17.0042 14.381 16.6424 14.381 16.0446V14.4558C15.4629 14.4558 16.3695 14.0782 17.0019 13.4332C17.6343 12.7725 18 11.8365 18 10.7196V6.23617C18 3.99447 16.5524 2.5 14.381 2.5ZM13.299 9.09141H8.22476C7.92762 9.09141 7.68381 8.83971 7.68381 8.53295C7.68381 8.21831 7.92762 7.96661 8.22476 7.96661H13.299C13.5962 7.96661 13.84 8.21831 13.84 8.53295C13.84 8.83971 13.5962 9.09141 13.299 9.09141Z', 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: 'M13.195 17C12.9533 17 12.7188 16.9321 12.5126 16.8032L9.48461 14.8759H8.14118C7.97769 14.8759 7.82129 14.8013 7.72178 14.6791C7.62227 14.5502 7.58675 14.3872 7.6294 14.238C7.67205 14.0751 7.69337 13.9123 7.69337 13.7358C7.69337 13.1929 7.48013 12.6704 7.0963 12.2632C6.66271 11.795 6.04431 11.5303 5.38327 11.5303C4.75066 11.5303 4.16779 11.7678 3.72709 12.1953C3.59204 12.331 3.38591 12.3786 3.20111 12.3311C3.0163 12.2768 2.86703 12.1343 2.82438 11.9511C2.7533 11.6525 2.71777 11.3267 2.71777 10.9738V6.90207C2.71777 4.56762 4.35972 3 6.80487 3H13.9129C16.358 3 18 4.56762 18 6.90207V10.9738C18 12.1071 17.6091 13.0843 16.8627 13.7968C16.2372 14.394 15.4056 14.7538 14.446 14.8488V15.8124C14.446 16.2535 14.19 16.6538 13.7849 16.8642C13.593 16.9524 13.394 17 13.195 17ZM8.75246 13.8511H9.64099C9.74761 13.8511 9.84712 13.8783 9.93952 13.9393L13.1026 15.9549C13.1808 16.0024 13.2447 15.982 13.2803 15.9616C13.3158 15.9413 13.3798 15.9006 13.3798 15.8056V14.3601C13.3798 14.0819 13.6215 13.8511 13.9129 13.8511C14.8156 13.8511 15.5762 13.5797 16.1093 13.0708C16.6495 12.555 16.9338 11.8288 16.9338 10.967V6.89528C16.9338 5.14444 15.7468 4.01114 13.9129 4.01114H6.80487C4.97101 4.01114 3.78397 5.14444 3.78397 6.89528V10.8856C4.26731 10.6345 4.81463 10.5056 5.38327 10.5056C6.34996 10.5056 7.26688 10.8992 7.89239 11.5778C8.44681 12.1682 8.75957 12.9283 8.75957 13.729C8.75246 13.7698 8.75246 13.8104 8.75246 13.8511Z', fill: 'currentColor' }),
react_1.default.createElement("path", { d: 'M5.3763 16.9528C3.514 16.9528 2 15.5074 2 13.7294C2 12.7386 2.46202 11.8225 3.26522 11.2117C3.8623 10.757 4.61575 10.5059 5.3763 10.5059C7.2386 10.5059 8.7526 11.9514 8.7526 13.7294C8.7526 14.6523 8.33323 15.5345 7.60111 16.1453C6.98271 16.6678 6.19372 16.9528 5.3763 16.9528ZM5.3763 11.5239C4.85031 11.5239 4.35275 11.6935 3.93338 12.0125C3.38606 12.4264 3.0662 13.0575 3.0662 13.7294C3.0662 14.9441 4.10397 15.9349 5.3763 15.9349C5.93073 15.9349 6.47093 15.7381 6.90452 15.3852C7.40208 14.9645 7.6864 14.3673 7.6864 13.7294C7.6864 12.5146 6.64863 11.5239 5.3763 11.5239Z', fill: 'currentColor' }),
react_1.default.createElement("path", { d: 'M4.66526 14.917C4.48756 14.917 4.30985 14.8287 4.21034 14.6727C4.06107 14.4284 4.13927 14.1162 4.39516 13.9737L5.02778 13.614V12.8811C5.02778 12.6029 5.26945 12.3721 5.56088 12.3721C5.8523 12.3721 6.09398 12.6029 6.09398 12.8811V13.899C6.09398 14.0755 5.99446 14.2451 5.83808 14.3334L4.94958 14.8423C4.85007 14.8966 4.75766 14.917 4.66526 14.917Z', fill: 'currentColor' }),
react_1.default.createElement("path", { d: 'M12.8397 9.48799H7.8641C7.57268 9.48799 7.331 9.25726 7.331 8.97903C7.331 8.70079 7.57268 8.47006 7.8641 8.47006H12.8397C13.1311 8.47006 13.3728 8.70079 13.3728 8.97903C13.3728 9.25726 13.1311 9.48799 12.8397 9.48799Z', fill: 'currentColor' })));
}
//# sourceMappingURL=chat.js.map