|
| 1 | +import { DarkMode, Gradient, LightMode } from '@/components/Icon' |
| 2 | + |
| 3 | +export function DockerCompose({ id, color }) { |
| 4 | + return ( |
| 5 | + <> |
| 6 | + <defs> |
| 7 | + <Gradient |
| 8 | + id={`${id}-gradient`} |
| 9 | + color={color} |
| 10 | + gradientTransform="matrix(0 21 -14 0 12 3)" |
| 11 | + /> |
| 12 | + <Gradient |
| 13 | + id={`${id}-gradient-dark`} |
| 14 | + color={color} |
| 15 | + gradientTransform="matrix(0 21 -14 0 16 7)" |
| 16 | + /> |
| 17 | + </defs> |
| 18 | + <LightMode> |
| 19 | + <circle cx={12} cy={12} r={12} fill={`url(#${id}-gradient)`} /> |
| 20 | + <svg |
| 21 | + width="100%" |
| 22 | + height="100%" |
| 23 | + viewBox="0 0 22 24" |
| 24 | + className="fill-[var(--icon-background)] stroke-[color:var(--icon-foreground)]" |
| 25 | + xmlns="http://www.w3.org/2000/svg" |
| 26 | + > |
| 27 | + <path d="M20.17 9.81984C19.8885 9.81829 19.6074 9.84172 19.33 9.88984C19.2576 9.45195 19.0925 9.03455 18.8459 8.66552C18.5993 8.29648 18.2769 7.98431 17.9 7.74984L17.62 7.58984L17.43 7.85984C17.1914 8.22345 17.0187 8.62629 16.92 9.04984C16.8213 9.42289 16.7997 9.81214 16.8564 10.1938C16.9131 10.5755 17.0471 10.9416 17.25 11.2698C16.7921 11.474 16.3006 11.5926 15.8 11.6198H2.63C2.46463 11.6198 2.30588 11.6848 2.18802 11.8008C2.07015 11.9168 2.00262 12.0745 2 12.2398C1.98769 13.3955 2.18417 14.544 2.57999 15.6298C2.93532 16.6968 3.63992 17.6127 4.57999 18.2298C5.94639 18.9234 7.4693 19.2507 9 19.1798C9.81047 19.1939 10.6205 19.1336 11.42 18.9998C12.5406 18.7992 13.6192 18.4104 14.61 17.8498C15.4281 17.3538 16.1608 16.7291 16.78 15.9998C17.7034 14.9135 18.4248 13.6705 18.91 12.3298H19.1C19.5089 12.345 19.9166 12.2785 20.2995 12.1342C20.6824 11.99 21.0327 11.771 21.33 11.4898C21.5896 11.2479 21.7912 10.9505 21.92 10.6198L22 10.3998L21.8 10.2398C21.3156 9.92908 20.7443 9.78187 20.17 9.81984Z" /> |
| 28 | + <path d="M5.61 9.3514H3.85C3.80924 9.35132 3.76999 9.36679 3.74026 9.39467C3.71052 9.42255 3.69255 9.46072 3.69 9.5014V11.0814C3.69255 11.1221 3.71052 11.1602 3.74026 11.1881C3.76999 11.216 3.80924 11.2315 3.85 11.2314H5.61C5.65076 11.2315 5.69001 11.216 5.71975 11.1881C5.74948 11.1602 5.76746 11.1221 5.77 11.0814V9.5014C5.76746 9.46072 5.74948 9.42255 5.71975 9.39467C5.69001 9.36679 5.65076 9.35132 5.61 9.3514ZM8.05 9.3514H6.28C6.23925 9.35132 6.19999 9.36679 6.17026 9.39467C6.14052 9.42255 6.12255 9.46072 6.12 9.5014V11.0814C6.12255 11.1221 6.14052 11.1602 6.17026 11.1881C6.19999 11.216 6.23925 11.2315 6.28 11.2314H8.05C8.08979 11.2314 8.12794 11.2156 8.15607 11.1875C8.1842 11.1593 8.2 11.1212 8.2 11.0814V9.5014C8.2 9.46161 8.1842 9.42346 8.15607 9.39533C8.12794 9.3672 8.08979 9.3514 8.05 9.3514ZM10.52 9.3514H8.75C8.71022 9.3514 8.67207 9.3672 8.64394 9.39533C8.61581 9.42346 8.6 9.46161 8.6 9.5014V11.0814C8.6 11.1212 8.61581 11.1593 8.64394 11.1875C8.67207 11.2156 8.71022 11.2314 8.75 11.2314H10.52C10.5598 11.2314 10.5979 11.2156 10.6261 11.1875C10.6542 11.1593 10.67 11.1212 10.67 11.0814V9.5014C10.67 9.46161 10.6542 9.42346 10.6261 9.39533C10.5979 9.3672 10.5598 9.3514 10.52 9.3514ZM11.19 9.3514C11.1673 9.34509 11.1434 9.34423 11.1203 9.34889C11.0972 9.35355 11.0755 9.36359 11.057 9.3782C11.0384 9.39282 11.0236 9.41159 11.0137 9.43299C11.0039 9.45439 10.9991 9.47783 11 9.5014V11.0814C11 11.1011 11.0039 11.1206 11.0114 11.1388C11.019 11.157 11.03 11.1735 11.0439 11.1875C11.0579 11.2014 11.0744 11.2124 11.0926 11.22C11.1108 11.2275 11.1303 11.2314 11.15 11.2314H13C13.0398 11.2314 13.0779 11.2156 13.1061 11.1875C13.1342 11.1593 13.15 11.1212 13.15 11.0814V9.5014C13.15 9.46161 13.1342 9.42346 13.1061 9.39533C13.0779 9.3672 13.0398 9.3514 13 9.3514H11.19ZM6.28 7.0914H8C8.04244 7.0914 8.08313 7.10825 8.11314 7.13826C8.14315 7.16827 8.16 7.20896 8.16 7.2514V8.8114C8.16447 8.83477 8.16366 8.85884 8.15765 8.88187C8.15163 8.90489 8.14056 8.92628 8.12523 8.94448C8.1099 8.96268 8.09071 8.97724 8.06904 8.98708C8.04738 8.99693 8.02379 9.00182 8 9.0014H6.28C6.24022 9.0014 6.20207 8.98559 6.17394 8.95746C6.14581 8.92933 6.13 8.89118 6.13 8.8514V7.2414C6.13 7.2217 6.13388 7.20219 6.14142 7.18399C6.14896 7.1658 6.16001 7.14926 6.17394 7.13533C6.18787 7.1214 6.2044 7.11035 6.2226 7.10281C6.2408 7.09528 6.2603 7.0914 6.28 7.0914ZM8.75 7.0914H10.52C10.5397 7.0914 10.5592 7.09528 10.5774 7.10281C10.5956 7.11035 10.6121 7.1214 10.6261 7.13533C10.64 7.14926 10.651 7.1658 10.6586 7.18399C10.6661 7.20219 10.67 7.2217 10.67 7.2414V8.8114C10.67 8.85383 10.6531 8.89453 10.6231 8.92453C10.5931 8.95454 10.5524 8.9714 10.51 8.9714H8.75C8.71022 8.9714 8.67207 8.95559 8.64394 8.92746C8.61581 8.89933 8.6 8.86118 8.6 8.8214V7.2414C8.6 7.2217 8.60388 7.20219 8.61142 7.18399C8.61896 7.1658 8.63001 7.14926 8.64394 7.13533C8.65787 7.1214 8.6744 7.11035 8.6926 7.10281C8.7108 7.09528 8.7303 7.0914 8.75 7.0914ZM11.19 7.0914H13C13.0197 7.0914 13.0392 7.09528 13.0574 7.10281C13.0756 7.11035 13.0921 7.1214 13.1061 7.13533C13.12 7.14926 13.131 7.1658 13.1386 7.18399C13.1461 7.20219 13.15 7.2217 13.15 7.2414V8.8114C13.1563 8.83412 13.1572 8.85801 13.1525 8.88112C13.1478 8.90424 13.1378 8.92593 13.1232 8.94444C13.1086 8.96295 13.0898 8.97775 13.0684 8.98765C13.047 8.99754 13.0236 9.00225 13 9.0014H11.19C11.1639 9.007 11.1368 9.00597 11.1111 8.99841C11.0855 8.99085 11.0622 8.97699 11.0433 8.95809C11.0244 8.9392 11.0106 8.91588 11.003 8.89025C10.9954 8.86463 10.9944 8.83752 11 8.8114V7.2414C10.9991 7.21783 11.0039 7.1944 11.0137 7.17299C11.0236 7.15159 11.0384 7.13282 11.057 7.11821C11.0755 7.10359 11.0972 7.09355 11.1203 7.08889C11.1434 7.08423 11.1673 7.08509 11.19 7.0914Z" /> |
| 29 | + <path d="M12.96 4.82031H11.19C11.1071 4.82031 11.04 4.88747 11.04 4.97031V6.55031C11.04 6.63316 11.1071 6.70031 11.19 6.70031H12.96C13.0428 6.70031 13.11 6.63316 13.11 6.55031V4.97031C13.11 4.88747 13.0428 4.82031 12.96 4.82031Z" /> |
| 30 | + <path d="M13.65 9.35156C13.6102 9.35156 13.5721 9.36737 13.5439 9.3955C13.5158 9.42363 13.5 9.46178 13.5 9.50156V11.0816C13.5 11.1213 13.5158 11.1595 13.5439 11.1876C13.5721 11.2158 13.6102 11.2316 13.65 11.2316H15.42C15.4397 11.2316 15.4592 11.2277 15.4774 11.2201C15.4956 11.2126 15.5121 11.2016 15.5261 11.1876C15.54 11.1737 15.551 11.1572 15.5586 11.139C15.5661 11.1208 15.57 11.1013 15.57 11.0816V9.50156C15.57 9.48186 15.5661 9.46236 15.5586 9.44416C15.551 9.42596 15.54 9.40943 15.5261 9.3955C15.5121 9.38157 15.4956 9.37052 15.4774 9.36298C15.4592 9.35544 15.4397 9.35156 15.42 9.35156H13.65Z" /> |
| 31 | + </svg> |
| 32 | + </LightMode> |
| 33 | + <DarkMode> |
| 34 | + <svg |
| 35 | + width="100%" |
| 36 | + height="100%" |
| 37 | + viewBox="0 0 22 22" |
| 38 | + fill={`url(#${id}-gradient-dark)`} |
| 39 | + xmlns="http://www.w3.org/2000/svg" |
| 40 | + > |
| 41 | + <path d="M20.17 9.81984C19.8885 9.81829 19.6074 9.84172 19.33 9.88984C19.2576 9.45195 19.0925 9.03455 18.8459 8.66552C18.5993 8.29648 18.2769 7.98431 17.9 7.74984L17.62 7.58984L17.43 7.85984C17.1914 8.22345 17.0187 8.62629 16.92 9.04984C16.8213 9.42289 16.7997 9.81214 16.8564 10.1938C16.9131 10.5755 17.0471 10.9416 17.25 11.2698C16.7921 11.474 16.3006 11.5926 15.8 11.6198H2.63C2.46463 11.6198 2.30588 11.6848 2.18802 11.8008C2.07015 11.9168 2.00262 12.0745 2 12.2398C1.98769 13.3955 2.18417 14.544 2.57999 15.6298C2.93532 16.6968 3.63992 17.6127 4.57999 18.2298C5.94639 18.9234 7.4693 19.2507 9 19.1798C9.81047 19.1939 10.6205 19.1336 11.42 18.9998C12.5406 18.7992 13.6192 18.4104 14.61 17.8498C15.4281 17.3538 16.1608 16.7291 16.78 15.9998C17.7034 14.9135 18.4248 13.6705 18.91 12.3298H19.1C19.5089 12.345 19.9166 12.2785 20.2995 12.1342C20.6824 11.99 21.0327 11.771 21.33 11.4898C21.5896 11.2479 21.7912 10.9505 21.92 10.6198L22 10.3998L21.8 10.2398C21.3156 9.92908 20.7443 9.78187 20.17 9.81984Z" /> |
| 42 | + <path d="M5.61 9.3514H3.85C3.80924 9.35132 3.76999 9.36679 3.74026 9.39467C3.71052 9.42255 3.69255 9.46072 3.69 9.5014V11.0814C3.69255 11.1221 3.71052 11.1602 3.74026 11.1881C3.76999 11.216 3.80924 11.2315 3.85 11.2314H5.61C5.65076 11.2315 5.69001 11.216 5.71975 11.1881C5.74948 11.1602 5.76746 11.1221 5.77 11.0814V9.5014C5.76746 9.46072 5.74948 9.42255 5.71975 9.39467C5.69001 9.36679 5.65076 9.35132 5.61 9.3514ZM8.05 9.3514H6.28C6.23925 9.35132 6.19999 9.36679 6.17026 9.39467C6.14052 9.42255 6.12255 9.46072 6.12 9.5014V11.0814C6.12255 11.1221 6.14052 11.1602 6.17026 11.1881C6.19999 11.216 6.23925 11.2315 6.28 11.2314H8.05C8.08979 11.2314 8.12794 11.2156 8.15607 11.1875C8.1842 11.1593 8.2 11.1212 8.2 11.0814V9.5014C8.2 9.46161 8.1842 9.42346 8.15607 9.39533C8.12794 9.3672 8.08979 9.3514 8.05 9.3514ZM10.52 9.3514H8.75C8.71022 9.3514 8.67207 9.3672 8.64394 9.39533C8.61581 9.42346 8.6 9.46161 8.6 9.5014V11.0814C8.6 11.1212 8.61581 11.1593 8.64394 11.1875C8.67207 11.2156 8.71022 11.2314 8.75 11.2314H10.52C10.5598 11.2314 10.5979 11.2156 10.6261 11.1875C10.6542 11.1593 10.67 11.1212 10.67 11.0814V9.5014C10.67 9.46161 10.6542 9.42346 10.6261 9.39533C10.5979 9.3672 10.5598 9.3514 10.52 9.3514ZM11.19 9.3514C11.1673 9.34509 11.1434 9.34423 11.1203 9.34889C11.0972 9.35355 11.0755 9.36359 11.057 9.3782C11.0384 9.39282 11.0236 9.41159 11.0137 9.43299C11.0039 9.45439 10.9991 9.47783 11 9.5014V11.0814C11 11.1011 11.0039 11.1206 11.0114 11.1388C11.019 11.157 11.03 11.1735 11.0439 11.1875C11.0579 11.2014 11.0744 11.2124 11.0926 11.22C11.1108 11.2275 11.1303 11.2314 11.15 11.2314H13C13.0398 11.2314 13.0779 11.2156 13.1061 11.1875C13.1342 11.1593 13.15 11.1212 13.15 11.0814V9.5014C13.15 9.46161 13.1342 9.42346 13.1061 9.39533C13.0779 9.3672 13.0398 9.3514 13 9.3514H11.19ZM6.28 7.0914H8C8.04244 7.0914 8.08313 7.10825 8.11314 7.13826C8.14315 7.16827 8.16 7.20896 8.16 7.2514V8.8114C8.16447 8.83477 8.16366 8.85884 8.15765 8.88187C8.15163 8.90489 8.14056 8.92628 8.12523 8.94448C8.1099 8.96268 8.09071 8.97724 8.06904 8.98708C8.04738 8.99693 8.02379 9.00182 8 9.0014H6.28C6.24022 9.0014 6.20207 8.98559 6.17394 8.95746C6.14581 8.92933 6.13 8.89118 6.13 8.8514V7.2414C6.13 7.2217 6.13388 7.20219 6.14142 7.18399C6.14896 7.1658 6.16001 7.14926 6.17394 7.13533C6.18787 7.1214 6.2044 7.11035 6.2226 7.10281C6.2408 7.09528 6.2603 7.0914 6.28 7.0914ZM8.75 7.0914H10.52C10.5397 7.0914 10.5592 7.09528 10.5774 7.10281C10.5956 7.11035 10.6121 7.1214 10.6261 7.13533C10.64 7.14926 10.651 7.1658 10.6586 7.18399C10.6661 7.20219 10.67 7.2217 10.67 7.2414V8.8114C10.67 8.85383 10.6531 8.89453 10.6231 8.92453C10.5931 8.95454 10.5524 8.9714 10.51 8.9714H8.75C8.71022 8.9714 8.67207 8.95559 8.64394 8.92746C8.61581 8.89933 8.6 8.86118 8.6 8.8214V7.2414C8.6 7.2217 8.60388 7.20219 8.61142 7.18399C8.61896 7.1658 8.63001 7.14926 8.64394 7.13533C8.65787 7.1214 8.6744 7.11035 8.6926 7.10281C8.7108 7.09528 8.7303 7.0914 8.75 7.0914ZM11.19 7.0914H13C13.0197 7.0914 13.0392 7.09528 13.0574 7.10281C13.0756 7.11035 13.0921 7.1214 13.1061 7.13533C13.12 7.14926 13.131 7.1658 13.1386 7.18399C13.1461 7.20219 13.15 7.2217 13.15 7.2414V8.8114C13.1563 8.83412 13.1572 8.85801 13.1525 8.88112C13.1478 8.90424 13.1378 8.92593 13.1232 8.94444C13.1086 8.96295 13.0898 8.97775 13.0684 8.98765C13.047 8.99754 13.0236 9.00225 13 9.0014H11.19C11.1639 9.007 11.1368 9.00597 11.1111 8.99841C11.0855 8.99085 11.0622 8.97699 11.0433 8.95809C11.0244 8.9392 11.0106 8.91588 11.003 8.89025C10.9954 8.86463 10.9944 8.83752 11 8.8114V7.2414C10.9991 7.21783 11.0039 7.1944 11.0137 7.17299C11.0236 7.15159 11.0384 7.13282 11.057 7.11821C11.0755 7.10359 11.0972 7.09355 11.1203 7.08889C11.1434 7.08423 11.1673 7.08509 11.19 7.0914Z" /> |
| 43 | + <path d="M12.96 4.82031H11.19C11.1071 4.82031 11.04 4.88747 11.04 4.97031V6.55031C11.04 6.63316 11.1071 6.70031 11.19 6.70031H12.96C13.0428 6.70031 13.11 6.63316 13.11 6.55031V4.97031C13.11 4.88747 13.0428 4.82031 12.96 4.82031Z" /> |
| 44 | + <path d="M13.65 9.35156C13.6102 9.35156 13.5721 9.36737 13.5439 9.3955C13.5158 9.42363 13.5 9.46178 13.5 9.50156V11.0816C13.5 11.1213 13.5158 11.1595 13.5439 11.1876C13.5721 11.2158 13.6102 11.2316 13.65 11.2316H15.42C15.4397 11.2316 15.4592 11.2277 15.4774 11.2201C15.4956 11.2126 15.5121 11.2016 15.5261 11.1876C15.54 11.1737 15.551 11.1572 15.5586 11.139C15.5661 11.1208 15.57 11.1013 15.57 11.0816V9.50156C15.57 9.48186 15.5661 9.46236 15.5586 9.44416C15.551 9.42596 15.54 9.40943 15.5261 9.3955C15.5121 9.38157 15.4956 9.37052 15.4774 9.36298C15.4592 9.35544 15.4397 9.35156 15.42 9.35156H13.65Z" /> |
| 45 | + </svg> |
| 46 | + </DarkMode> |
| 47 | + </> |
| 48 | + ) |
| 49 | +} |
0 commit comments