forked from external-repos/LifeTrinket
69 lines
2.7 KiB
TypeScript
69 lines
2.7 KiB
TypeScript
import { useState } from 'react';
|
|
import { IconProps } from '../../Types/Icon';
|
|
|
|
const TwoPlayersSameSide = ({ 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 m4920 -318 c50
|
|
-13 132 -41 184 -62 385 -157 654 -493 726 -906 13 -74 15 -429 15 -2714 l0
|
|
-2629 -3435 0 -3435 0 0 853 0 854 118 6 c189 10 328 59 428 150 151 137 275
|
|
597 275 1017 0 239 -35 471 -107 710 -95 315 -259 442 -592 457 l-123 6 4 626
|
|
c3 596 4 630 25 716 28 119 51 184 102 286 139 279 392 496 697 599 185 62 35
|
|
58 2643 56 l2385 -1 90 -24z m925 -9040 c0 -2892 4 -2702 -61 -2895 -134 -400
|
|
-470 -696 -899 -793 -69 -16 -261 -17 -2390 -20 -1547 -3 -2353 0 -2430 7
|
|
-208 18 -383 80 -558 197 -281 187 -466 482 -518 828 -11 68 -14 231 -14 671
|
|
l0 581 118 6 c189 10 328 59 428 150 151 137 275 597 275 1017 0 239 -35 471
|
|
-107 710 -95 315 -259 442 -591 457 l-123 6 0 853 0 854 3435 0 3435 0 0
|
|
-2629z"
|
|
/>
|
|
<path
|
|
d="M1960 10354 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="M1960 4494 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"
|
|
/>
|
|
</g>
|
|
</svg>
|
|
</label>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default TwoPlayersSameSide;
|