mirror of
https://github.com/Vikeo/LifeTrinket.git
synced 2025-11-19 17:28:01 +00:00
85 lines
3.6 KiB
TypeScript
85 lines
3.6 KiB
TypeScript
import { useState } from 'react';
|
|
import { IconProps } from '../../Types/Icon';
|
|
|
|
const FourPlayersSide = ({ size, color, active }: IconProps) => {
|
|
const [isChecked, setIsChecked] = useState(active || false);
|
|
|
|
const handleRadioClick = () => {
|
|
setIsChecked(!isChecked);
|
|
};
|
|
|
|
return (
|
|
<div style={{ position: 'relative', display: 'inline-block' }}>
|
|
<label style={{ cursor: 'pointer' }}>
|
|
<input
|
|
type="radio"
|
|
checked={isChecked}
|
|
onChange={handleRadioClick}
|
|
style={{ display: 'none' }}
|
|
/>
|
|
<svg
|
|
version="1.2"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
viewBox="0 0 802.000000 1374.000000"
|
|
width={'auto'}
|
|
height={size || 'auto'}
|
|
fill={color}
|
|
fillOpacity="1"
|
|
>
|
|
<g
|
|
transform="translate(0.000000,1374.000000) scale(0.100000,-0.100000)"
|
|
stroke="none"
|
|
>
|
|
<path
|
|
d="M1595 13549 c-176 -18 -347 -72 -522 -164 -144 -75 -250 -153 -368
|
|
-270 -203 -204 -336 -452 -407 -760 l-23 -100 -3 -5315 c-2 -3820 0 -5343 8
|
|
-5415 22 -201 72 -364 165 -543 73 -140 152 -246 267 -361 201 -201 410 -318
|
|
708 -398 l105 -28 2485 0 2485 0 117 32 c270 74 470 185 669 371 215 202 370
|
|
482 436 792 17 81 18 309 18 5480 0 5186 -1 5398 -18 5480 -120 557 -498 974
|
|
-1035 1144 -205 64 -6 60 -2627 62 -1309 1 -2416 -2 -2460 -7z m1240 -412 c1
|
|
-210 57 -368 167 -474 143 -136 607 -254 1003 -254 237 0 424 27 667 97 234
|
|
67 357 150 423 288 50 106 66 176 72 329 l6 138 621 -3 c616 -3 622 -3 716
|
|
-27 487 -122 831 -486 915 -968 13 -73 15 -263 15 -1249 l0 -1164 -3432 2
|
|
-3433 3 0 1175 c0 1091 1 1181 18 1260 92 436 387 770 804 910 166 55 203 58
|
|
848 59 l590 1 0 -123z m1125 -6267 l0 -2890 -1695 0 -1695 0 0 853 0 854 128
|
|
6 c198 9 336 56 438 150 151 137 275 597 275 1017 0 239 -35 471 -107 710 -96
|
|
319 -260 444 -601 457 l-133 6 0 863 0 864 1695 0 1695 0 0 -2890z m3480 2028
|
|
l0 -863 -123 0 c-149 -1 -248 -22 -355 -75 -131 -66 -199 -158 -266 -360 -132
|
|
-400 -153 -832 -60 -1248 58 -256 118 -398 208 -488 111 -110 231 -153 454
|
|
-161 l142 -6 0 -858 0 -859 -1695 0 -1695 0 0 2890 0 2890 1695 0 1695 0 0
|
|
-862z m0 -6172 c0 -1277 1 -1244 -61 -1430 -134 -400 -474 -700 -899 -792 -63
|
|
-14 -170 -17 -686 -21 l-611 -4 -7 86 c-8 103 -43 230 -82 300 -83 149 -240
|
|
233 -579 309 -238 54 -543 72 -760 46 -212 -25 -480 -93 -609 -155 -185 -87
|
|
-281 -245 -303 -496 l-8 -84 -530 -3 c-576 -3 -707 4 -854 43 -243 66 -478
|
|
225 -635 430 -77 101 -166 277 -196 386 -50 184 -50 186 -50 1407 l0 1142
|
|
3435 0 3435 0 0 -1164z"
|
|
/>
|
|
<path
|
|
d="M3918 12260 c-165 -30 -300 -122 -391 -267 -79 -126 -100 -310 -52
|
|
-461 45 -144 155 -269 291 -334 221 -104 461 -62 635 111 115 115 169 242 169
|
|
399 0 234 -161 455 -386 531 -71 23 -198 34 -266 21z"
|
|
/>
|
|
<path
|
|
d="M1980 7414 c-186 -49 -337 -190 -401 -374 -17 -50 -22 -89 -23 -165
|
|
-1 -128 25 -215 94 -318 107 -160 270 -247 464 -247 272 0 495 180 551 446 18
|
|
87 18 141 0 226 -44 212 -225 394 -433 437 -72 15 -185 13 -252 -5z"
|
|
/>
|
|
<path
|
|
d="M5701 7395 c-143 -46 -270 -157 -333 -291 -104 -222 -62 -461 111
|
|
-635 115 -115 242 -169 399 -169 236 0 453 159 533 390 31 92 32 237 1 337
|
|
-39 127 -129 241 -249 316 -125 79 -314 100 -462 52z"
|
|
/>
|
|
<path
|
|
d="M3883 2485 c-108 -23 -190 -70 -276 -156 -114 -114 -167 -239 -167
|
|
-397 0 -236 159 -453 390 -533 92 -31 237 -32 337 -1 127 39 241 129 316 249
|
|
79 126 100 310 52 461 -86 272 -372 438 -652 377z"
|
|
/>
|
|
</g>
|
|
</svg>
|
|
</label>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default FourPlayersSide;
|