phx-react
Version:
PHX REACT
8 lines • 5.37 kB
JavaScript
import React from 'react';
import { getBoldIconColor } from '../../helper';
export default function Icon({ activeColor = 'currentColor', isActive = false, isBoldIcon }) {
return isActive || isBoldIcon ? (React.createElement("svg", { fill: 'none', height: '20', viewBox: '0 0 20 20', width: '20', xmlns: 'http://www.w3.org/2000/svg' },
React.createElement("path", { d: 'M12.6662 4.66656C12.6662 3.56393 13.5635 2.66664 14.6661 2.66664C14.6661 2.29799 14.9641 2 15.3328 2C15.7014 2 15.9994 2.29799 15.9994 2.66664H16.1781C16.8894 2.66664 17.5534 3.04929 17.91 3.66593C18.0947 3.98525 17.9853 4.39257 17.6673 4.57656C17.3467 4.76122 16.94 4.65189 16.7567 4.3339C16.6374 4.12724 16.4161 3.99992 16.1787 3.99992H14.6668C14.2988 3.99992 14.0002 4.29857 14.0002 4.66656C14.0002 4.91921 14.1808 5.13187 14.4301 5.17387L16.4567 5.51119C17.3514 5.66051 18 6.42715 18 7.33311C18 8.43573 17.1027 9.33303 16.0001 9.33303C16.0001 9.70168 15.7021 9.99967 15.3334 9.99967C14.9648 9.99967 14.6668 9.70168 14.6668 9.33303H14.4881C13.7768 9.33303 13.1129 8.95038 12.7562 8.33374C12.5716 8.01442 12.6809 7.6071 12.9989 7.42311C13.3189 7.23712 13.7262 7.34778 13.9095 7.66576C14.0288 7.87242 14.2502 7.99975 14.4875 7.99975H15.9994C16.3674 7.99975 16.6661 7.7011 16.6661 7.33311C16.6661 7.08046 16.4854 6.8678 16.2361 6.8258L14.2095 6.48848C13.3149 6.33915 12.6662 5.57252 12.6662 4.66656ZM16.9367 10.5156C17.3254 10.401 17.6833 10.2217 17.9987 9.983V12.0003C17.9987 13.8382 16.5034 15.3334 14.6655 15.3334H10.6656V16.6667H13.3322C13.7008 16.6667 13.9988 16.9647 13.9988 17.3334C13.9988 17.702 13.7008 18 13.3322 18H6.66647C6.29849 18 5.99983 17.702 5.99983 17.3334C5.99983 16.9647 6.29849 16.6667 6.66647 16.6667H9.33303V15.3334H5.33319C3.49527 15.3334 2 13.8382 2 12.0003V6.66714C2 4.82855 3.49527 3.33328 5.33319 3.33328H11.6156C11.4363 3.74259 11.3329 4.19191 11.3329 4.66656C11.3329 5.36986 11.5596 6.02383 11.9503 6.55448C11.6863 6.80513 11.4969 7.12379 11.4009 7.48377C11.2629 8.00042 11.3343 8.53973 11.6023 9.00038C12.0756 9.82101 12.8782 10.3863 13.7855 10.5836C14.1522 11.037 14.7061 11.3329 15.3334 11.3329C15.9928 11.3329 16.5727 11.0083 16.9367 10.5156ZM5.33319 9.99967C5.33319 9.63102 5.03454 9.33303 4.66656 9.33303C4.29857 9.33303 3.99992 9.63102 3.99992 9.99967V11.9996C3.99992 12.3682 4.29857 12.6662 4.66656 12.6662C5.03454 12.6662 5.33319 12.3682 5.33319 11.9996V9.99967ZM7.99975 7.33311C7.99975 6.96446 7.7011 6.66647 7.33311 6.66647C6.96513 6.66647 6.66647 6.96446 6.66647 7.33311V11.9996C6.66647 12.3682 6.96513 12.6662 7.33311 12.6662C7.7011 12.6662 7.99975 12.3682 7.99975 11.9996V7.33311ZM10.6663 9.33303C10.6663 8.96438 10.3683 8.66639 9.99967 8.66639C9.63102 8.66639 9.33303 8.96438 9.33303 9.33303V11.9996C9.33303 12.3682 9.63102 12.6662 9.99967 12.6662C10.3683 12.6662 10.6663 12.3682 10.6663 11.9996V9.33303Z', fill: isBoldIcon ? getBoldIconColor(isActive) : activeColor }))) : (React.createElement("svg", { fill: 'none', height: '20', viewBox: '0 0 20 20', width: '20', xmlns: 'http://www.w3.org/2000/svg' },
React.createElement("path", { d: 'M6.24978 9.375C6.59476 9.375 6.87474 9.65438 6.87474 10V11.875C6.87474 12.2206 6.59476 12.5 6.24978 12.5C5.9048 12.5 5.62482 12.2206 5.62482 11.875V10C5.62482 9.65438 5.9048 9.375 6.24978 9.375ZM8.12467 7.5V11.875C8.12467 12.2206 8.40465 12.5 8.74963 12.5C9.09461 12.5 9.37459 12.2206 9.37459 11.875V7.5C9.37459 7.15438 9.09461 6.875 8.74963 6.875C8.40465 6.875 8.12467 7.15438 8.12467 7.5ZM10.6245 9.375V11.875C10.6245 12.2206 10.9039 12.5 11.2495 12.5C11.5951 12.5 11.8744 12.2206 11.8744 11.875V9.375C11.8744 9.02938 11.5951 8.75 11.2495 8.75C10.9039 8.75 10.6245 9.02938 10.6245 9.375ZM13.9462 6.70813L15.8461 7.02437C16.0798 7.06313 16.2492 7.26312 16.2492 7.5C16.2492 7.845 15.9692 8.125 15.6242 8.125H14.2068C13.9843 8.125 13.7768 8.00562 13.665 7.81187C13.4931 7.51312 13.1112 7.40938 12.8113 7.58438C12.5125 7.75688 12.41 8.13938 12.5838 8.43813C12.9175 9.01625 13.54 9.375 14.2074 9.375H14.3749C14.3749 9.72062 14.6543 10 14.9999 10C15.3455 10 15.6248 9.72062 15.6248 9.375C16.6585 9.375 17.4997 8.53375 17.4997 7.5C17.4997 6.65063 16.891 5.93125 16.0529 5.79188L14.1531 5.47563C13.9193 5.43688 13.75 5.23688 13.75 5C13.75 4.655 14.0299 4.375 14.3749 4.375H15.7923C16.0148 4.375 16.2223 4.49437 16.3342 4.68812C16.506 4.98688 16.8873 5.08938 17.1879 4.91563C17.4866 4.74312 17.5891 4.36063 17.4154 4.06188C17.0816 3.48375 16.4592 3.125 15.7917 3.125H15.6242C15.6242 2.77938 15.3449 2.5 14.9993 2.5C14.6537 2.5 14.3743 2.77938 14.3743 3.125C13.3406 3.125 12.4994 3.96625 12.4994 5C12.4994 5.84938 13.1081 6.56875 13.9462 6.70813ZM16.8742 10.625C16.5285 10.625 16.2492 10.9044 16.2492 11.25V11.875C16.2492 12.9087 15.408 13.75 14.3743 13.75H5.62482C4.59113 13.75 3.74993 12.9087 3.74993 11.875V6.875C3.74993 5.84125 4.59113 5 5.62482 5H10.6245C10.9701 5 11.2495 4.72062 11.2495 4.375C11.2495 4.02938 10.9701 3.75 10.6245 3.75H5.62482C3.90179 3.75 2.5 5.15188 2.5 6.875V11.875C2.5 13.5981 3.90179 15 5.62482 15H9.37459V16.25H6.87474C6.52976 16.25 6.24978 16.5294 6.24978 16.875C6.24978 17.2206 6.52976 17.5 6.87474 17.5H13.1244C13.47 17.5 13.7493 17.2206 13.7493 16.875C13.7493 16.5294 13.47 16.25 13.1244 16.25H10.6245V15H14.3743C16.0973 15 17.4991 13.5981 17.4991 11.875V11.25C17.4991 10.9044 17.2198 10.625 16.8742 10.625Z', fill: 'currentColor' })));
}
//# sourceMappingURL=tai-san.js.map