| 1 |
export const AlignTop = () => ( |
| 2 |
<svg xmlns="http://www.w3.org/2000/svg" width={24} height={24} viewBox="0 0 24 24" fill="none"> |
| 3 |
<path |
| 4 |
d="M4.19981 3.99994L4.1998 12.8999L5.6998 12.8999L5.69981 3.99994L4.19981 3.99994ZM19.7998 12.8999L19.7998 3.99994L18.2998 3.99994L18.2998 12.8999L19.7998 12.8999ZM12.7998 3.99994L11.2998 3.99994L11.2998 19.9999L12.7998 19.9999L12.7998 3.99994Z" |
| 5 |
fill="#757575" |
| 6 |
/> |
| 7 |
</svg> |
| 8 |
); |
| 9 |
export const AlignMiddle = () => ( |
| 10 |
<svg xmlns="http://www.w3.org/2000/svg" width={24} height={24} viewBox="0 0 24 24" fill="none"> |
| 11 |
<path |
| 12 |
d="M19.7998 16.3999L19.7998 7.59994L18.2998 7.59994L18.2998 16.4999L19.7998 16.4999L19.7998 16.3999ZM12.7998 3.99994L11.2998 3.99994L11.2998 19.9999L12.7998 19.9999L12.7998 3.99994ZM4.19981 7.59994L4.1998 16.4999L5.6998 16.4999L5.69981 7.59994L4.19981 7.59994Z" |
| 13 |
fill="#757575" |
| 14 |
/> |
| 15 |
</svg> |
| 16 |
); |
| 17 |
|
| 18 |
export const BackgroundShapeSquare = ({ value }) => ( |
| 19 |
<svg width={22} height={22} viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"> |
| 20 |
<rect |
| 21 |
x={0.200195} |
| 22 |
y={0.5} |
| 23 |
width={21} |
| 24 |
height={21} |
| 25 |
rx={1} |
| 26 |
fill={value === "backgroundShapeSquare" ? "#fff" : "#757575"} |
| 27 |
/> |
| 28 |
</svg> |
| 29 |
); |
| 30 |
export const BackgroundShapeCircle = ({ value }) => ( |
| 31 |
<svg width={22} height={22} viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"> |
| 32 |
<circle cx={11.101} cy={11} r={10.7143} fill={value === "backgroundShapeCircle" ? "#fff" : "#757575"} /> |
| 33 |
</svg> |
| 34 |
); |
| 35 |
export const BackgroundShapeHexagon = ({ value }) => ( |
| 36 |
<svg width={25} height={24} viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"> |
| 37 |
<path |
| 38 |
d="M12.5002 0.818237L22.1839 6.40915V17.591L12.5002 23.1819L2.81644 17.591V6.40915L12.5002 0.818237Z" |
| 39 |
fill={value === "backgroundShapeHexagon" ? "#fff" : "#757575"} |
| 40 |
/> |
| 41 |
</svg> |
| 42 |
); |
| 43 |
export const BackgroundShapeDiamond = ({ value }) => ( |
| 44 |
<svg width={25} height={24} viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"> |
| 45 |
<rect |
| 46 |
x={1.67383} |
| 47 |
y={12} |
| 48 |
width={15.8763} |
| 49 |
height={15.8763} |
| 50 |
transform="rotate(-45 1.67383 12)" |
| 51 |
fill={value === "backgroundShapeDiamond" ? "#fff" : "#757575"} |
| 52 |
/> |
| 53 |
</svg> |
| 54 |
); |
| 55 |
export const BackgroundShapeStarburst = ({ value }) => ( |
| 56 |
<svg width={25} height={24} viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"> |
| 57 |
<path |
| 58 |
d="M12.0897 1.07282C12.1988 0.940757 12.4012 0.940757 12.5103 1.07282L13.1722 1.87427C13.2668 1.98882 13.4357 2.00657 13.5521 1.9142L14.3662 1.26789C14.5004 1.16139 14.6983 1.20347 14.7776 1.35533L15.2584 2.2769C15.3272 2.40861 15.4887 2.46108 15.6217 2.39492L16.5524 1.932C16.7058 1.85572 16.8907 1.93804 16.9366 2.10306L17.2153 3.10447C17.2552 3.24759 17.4022 3.33249 17.5461 3.29544L18.5527 3.03614C18.7186 2.99341 18.8823 3.11238 18.893 3.28333L18.9574 4.32082C18.9666 4.46909 19.0928 4.58272 19.2413 4.57638L20.2798 4.53204C20.4509 4.52474 20.5864 4.67514 20.5612 4.84457L20.4085 5.87279C20.3867 6.01974 20.4865 6.15712 20.633 6.18178L21.6581 6.35433C21.827 6.38277 21.9282 6.55804 21.8684 6.71854L21.5053 7.69255C21.4534 7.83175 21.5225 7.98689 21.6606 8.04147L22.6274 8.42337C22.7867 8.4863 22.8493 8.67879 22.7574 8.82334L22.1997 9.70057C22.12 9.82594 22.1553 9.99204 22.2791 10.0742L23.1454 10.6487C23.2881 10.7434 23.3093 10.9447 23.1893 11.067L22.4615 11.8091C22.3574 11.9151 22.3574 12.085 22.4615 12.191L23.1893 12.9331C23.3093 13.0554 23.2881 13.2567 23.1454 13.3514L22.2791 13.926C22.1553 14.0081 22.12 14.1742 22.1997 14.2995L22.7574 15.1768C22.8493 15.3213 22.7867 15.5138 22.6274 15.5767L21.6606 15.9586C21.5225 16.0132 21.4534 16.1684 21.5053 16.3076L21.8684 17.2816C21.9282 17.4421 21.827 17.6173 21.6581 17.6458L20.633 17.8183C20.4865 17.843 20.3867 17.9804 20.4085 18.1273L20.5612 19.1555C20.5864 19.325 20.4509 19.4754 20.2798 19.4681L19.2413 19.4237C19.0928 19.4174 18.9666 19.531 18.9574 19.6793L18.893 20.7168C18.8823 20.8877 18.7186 21.0067 18.5527 20.964L17.5461 20.7047C17.4022 20.6676 17.2552 20.7525 17.2153 20.8956L16.9366 21.8971C16.8907 22.0621 16.7058 22.1444 16.5524 22.0681L15.6217 21.6052C15.4887 21.539 15.3272 21.5915 15.2584 21.7232L14.7776 22.6448C14.6983 22.7966 14.5004 22.8387 14.3662 22.7322L13.5521 22.0859C13.4357 21.9935 13.2668 22.0113 13.1722 22.1258L12.5103 22.9273C12.4012 23.0594 12.1988 23.0594 12.0897 22.9273L11.4277 22.1258C11.3331 22.0113 11.1643 21.9935 11.0479 22.0859L10.2338 22.7322C10.0996 22.8387 9.90164 22.7966 9.8224 22.6448L9.34153 21.7232C9.27281 21.5915 9.11131 21.539 8.97829 21.6052L8.04757 22.0681C7.89421 22.1444 7.70931 22.0621 7.66338 21.8971L7.38462 20.8956C7.34478 20.7525 7.19772 20.6676 7.05386 20.7047L6.04723 20.964C5.88136 21.0067 5.71762 20.8877 5.707 20.7168L5.64254 19.6793C5.63333 19.531 5.50713 19.4174 5.3587 19.4237L4.32017 19.4681C4.14904 19.4754 4.01361 19.325 4.03876 19.1555L4.19142 18.1273C4.21323 17.9804 4.11342 17.843 3.96692 17.8183L2.94186 17.6458C2.77295 17.6173 2.67175 17.4421 2.73158 17.2816L3.09468 16.3076C3.14657 16.1684 3.0775 16.0132 2.93933 15.9586L1.97254 15.5767C1.81324 15.5138 1.75069 15.3213 1.84259 15.1768L2.40025 14.2995C2.47996 14.1742 2.44465 14.0081 2.32085 13.926L1.45459 13.3514C1.31185 13.2567 1.29069 13.0554 1.41063 12.9331L2.1385 12.191C2.24252 12.085 2.24252 11.9151 2.1385 11.8091L1.41063 11.067C1.29069 10.9447 1.31185 10.7434 1.45459 10.6487L2.32085 10.0742C2.44465 9.99204 2.47996 9.82594 2.40025 9.70057L1.84259 8.82334C1.75069 8.67879 1.81324 8.4863 1.97254 8.42337L2.93933 8.04147C3.0775 7.98689 3.14657 7.83175 3.09468 7.69255L2.73158 6.71854C2.67175 6.55804 2.77295 6.38277 2.94186 6.35433L3.96692 6.18178C4.11342 6.15712 4.21323 6.01974 4.19142 5.87279L4.03876 4.84457C4.01361 4.67514 4.14904 4.52474 4.32017 4.53204L5.3587 4.57638C5.50713 4.58272 5.63333 4.46909 5.64254 4.32082L5.707 3.28333C5.71762 3.11238 5.88136 2.99341 6.04723 3.03614L7.05385 3.29544C7.19772 3.33249 7.34478 3.24759 7.38462 3.10447L7.66338 2.10306C7.70931 1.93804 7.89421 1.85572 8.04757 1.932L8.97829 2.39492C9.11131 2.46108 9.27281 2.40861 9.34153 2.2769L9.8224 1.35533C9.90164 1.20347 10.0996 1.16139 10.2338 1.26789L11.0479 1.9142C11.1643 2.00657 11.3331 1.98882 11.4277 1.87427L12.0897 1.07282Z" |
| 59 |
fill={value === "backgroundShapeStarburst" ? "#fff" : "#757575"} |
| 60 |
/> |
| 61 |
</svg> |
| 62 |
); |
| 63 |
|
| 64 |
export const ArrowRight = ({ active }) => ( |
| 65 |
<svg width={24} height={24} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> |
| 66 |
<path |
| 67 |
d="M13.6162 5.36597C14.0737 4.90849 14.7971 4.87999 15.2881 5.28004L15.3838 5.36597L21.6338 11.616C21.6751 11.6573 21.7118 11.7016 21.7461 11.7468C21.7596 11.7646 21.7736 11.782 21.7861 11.8005L21.7939 11.8123C21.7989 11.8198 21.8028 11.8281 21.8076 11.8357C21.8439 11.8934 21.8757 11.9539 21.9023 12.0173C21.9114 12.0389 21.919 12.0608 21.9268 12.0828C21.9332 12.1009 21.9397 12.119 21.9453 12.1375C21.949 12.1497 21.9518 12.1622 21.9551 12.1746C21.9628 12.2033 21.9709 12.232 21.9766 12.2615C21.9998 12.3816 22.0054 12.5043 21.9932 12.6257C21.9864 12.6938 21.9724 12.7596 21.9551 12.824C21.9518 12.8363 21.949 12.8488 21.9453 12.8611C21.9397 12.8796 21.9332 12.8976 21.9268 12.9158C21.919 12.9377 21.9113 12.9596 21.9023 12.9812C21.8758 13.0447 21.8439 13.1052 21.8076 13.1628C21.8016 13.1725 21.7964 13.1826 21.79 13.1921C21.7763 13.2127 21.761 13.232 21.7461 13.2517C21.7117 13.2972 21.6753 13.3421 21.6338 13.3836L15.3838 19.6336C14.8957 20.1217 14.1044 20.1216 13.6162 19.6336C13.1281 19.1454 13.1281 18.3541 13.6162 17.866L17.7324 13.7498H3.25C2.55966 13.7498 2.00003 13.1901 2 12.4998C2 11.8094 2.55964 11.2498 3.25 11.2498H17.7324L13.6162 7.13355L13.5303 7.03785C13.1302 6.54689 13.1587 5.82348 13.6162 5.36597Z" |
| 68 |
fill={active ? "#fff" : "#757575"} |
| 69 |
/> |
| 70 |
</svg> |
| 71 |
); |
| 72 |
|
| 73 |
export const Check = ({ active }) => ( |
| 74 |
<svg width={24} height={24} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> |
| 75 |
<path |
| 76 |
d="M19.1161 5.11624C19.6043 4.62808 20.3955 4.62808 20.8837 5.11624C21.3718 5.60439 21.3718 6.39566 20.8837 6.88382L9.88369 17.8838C9.39554 18.372 8.60427 18.372 8.11612 17.8838L3.11612 12.8838C2.62796 12.3957 2.62796 11.6044 3.11612 11.1162C3.57378 10.6586 4.298 10.6298 4.78897 11.0303L4.88369 11.1162L8.99991 15.2324L19.1161 5.11624Z" |
| 77 |
fill={active ? "#fff" : "#757575"} |
| 78 |
/> |
| 79 |
</svg> |
| 80 |
); |
| 81 |
|
| 82 |
export const Square = ({ active }) => ( |
| 83 |
<svg width={24} height={24} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> |
| 84 |
<path |
| 85 |
d="M19.8002 5.40001V18.6C19.8002 19.2628 19.263 19.8 18.6002 19.8H5.4002C4.73739 19.8 4.2002 19.2628 4.2002 18.6V5.40001C4.2002 4.7372 4.73739 4.20001 5.4002 4.20001H18.6002C19.263 4.20001 19.8002 4.7372 19.8002 5.40001Z" |
| 86 |
fill={active ? "#fff" : "#757575"} |
| 87 |
/> |
| 88 |
</svg> |
| 89 |
); |
| 90 |
|
| 91 |
export const CheckCircle = ({ active }) => ( |
| 92 |
<svg width={24} height={24} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> |
| 93 |
<path |
| 94 |
d="M12 2C6.49 2 2 6.49 2 12C2 17.51 6.49 22 12 22C17.51 22 22 17.51 22 12C22 6.49 17.51 2 12 2ZM12 20C7.59 20 4 16.41 4 12C4 7.59 7.59 4 12 4C16.41 4 20 7.59 20 12C20 16.41 16.41 20 12 20Z" |
| 95 |
fill={active ? "#fff" : "#757575"} |
| 96 |
/> |
| 97 |
<path |
| 98 |
d="M15.2903 9.29L11.0003 13.58L8.71031 11.29C8.32031 10.9 7.69031 10.9 7.30031 11.29C6.91031 11.68 6.91031 12.31 7.30031 12.7L10.3003 15.7C10.5003 15.9 10.7503 15.99 11.0103 15.99C11.2703 15.99 11.5203 15.89 11.7203 15.7L16.7203 10.7C17.1103 10.31 17.1103 9.68 16.7203 9.29C16.3303 8.9 15.7003 8.9 15.3103 9.29H15.2903Z" |
| 99 |
fill={active ? "#fff" : "#757575"} |
| 100 |
/> |
| 101 |
</svg> |
| 102 |
); |
| 103 |
|
| 104 |
export const ChevronRight = ({ active }) => ( |
| 105 |
<svg width={24} height={24} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> |
| 106 |
<path |
| 107 |
d="M8.11612 5.11624C8.60427 4.62808 9.39554 4.62808 9.88369 5.11624L15.8837 11.1162C16.3719 11.6044 16.3719 12.3957 15.8837 12.8838L9.88369 18.8838C9.39554 19.372 8.60427 19.372 8.11612 18.8838C7.62796 18.3957 7.62796 17.6044 8.11612 17.1162L13.2323 12L8.11612 6.88382C7.62796 6.39566 7.62796 5.60439 8.11612 5.11624Z" |
| 108 |
fill={active ? "#fff" : "#757575"} |
| 109 |
/> |
| 110 |
</svg> |
| 111 |
); |
| 112 |
|
| 113 |
export const Dot = ({ active }) => ( |
| 114 |
<svg width={24} height={24} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> |
| 115 |
<path |
| 116 |
d="M19.6 11.8C19.6 16.1079 16.1079 19.6 11.8 19.6C7.49211 19.6 4 16.1079 4 11.8C4 7.49211 7.49211 4 11.8 4C16.1079 4 19.6 7.49211 19.6 11.8Z" |
| 117 |
fill={active ? "#fff" : "#757575"} |
| 118 |
/> |
| 119 |
</svg> |
| 120 |
); |
| 121 |
|
| 122 |
export const SquareBorder = ({ active }) => ( |
| 123 |
<svg width={24} height={24} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> |
| 124 |
<path |
| 125 |
d="M5.7002 18.2996H18.2998V5.70001H5.7002V18.2996ZM19.7998 18.6004L19.7939 18.7225C19.7367 19.2875 19.2877 19.7365 18.7227 19.7938L18.6006 19.7996H5.40039L5.27734 19.7938C4.71251 19.7363 4.26328 19.2874 4.20605 18.7225L4.2002 18.6004V5.40021C4.2002 4.77886 4.67224 4.26737 5.27734 4.20587L5.40039 4.20001H18.6006L18.7227 4.20587C19.3279 4.26719 19.7998 4.77873 19.7998 5.40021V18.6004Z" |
| 126 |
fill={active ? "#fff" : "#757575"} |
| 127 |
/> |
| 128 |
</svg> |
| 129 |
); |
| 130 |
|
| 131 |
export const RightArrow = ({ active }) => ( |
| 132 |
<svg width={24} height={24} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> |
| 133 |
<svg width={24} height={24} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> |
| 134 |
<path |
| 135 |
d="M11.3861 15.8541H3.78895C2.80073 15.8541 2 15.0534 2 14.0652V10.4365C2 9.44828 2.80073 8.64755 3.78895 8.64755H11.3861V5.79225C11.3861 4.23376 13.2376 3.42131 14.382 4.47593L21.4207 10.9365C22.1472 11.6044 22.198 12.7332 21.53 13.4637C21.4949 13.5027 21.4597 13.5379 21.4207 13.573L14.382 20.0297C13.2337 21.0804 11.3861 20.2679 11.3861 18.7133V15.8541Z" |
| 136 |
fill={active ? "#fff" : "#757575"} |
| 137 |
/> |
| 138 |
</svg> |
| 139 |
</svg> |
| 140 |
); |
| 141 |
|
| 142 |
export const NumberIcon = ({ active }) => ( |
| 143 |
<svg width={24} height={24} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> |
| 144 |
<svg width={24} height={24} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> |
| 145 |
<path |
| 146 |
d="M15.2942 15.579V17H9.59617V15.579H11.6122V10.021C11.6122 9.89967 11.6145 9.776 11.6192 9.65C11.6238 9.524 11.6308 9.39567 11.6402 9.265L10.3102 10.371C10.2168 10.441 10.1258 10.4853 10.0372 10.504C9.94851 10.5227 9.86451 10.525 9.78517 10.511C9.70584 10.4923 9.63584 10.4643 9.57517 10.427C9.51451 10.385 9.46784 10.343 9.43517 10.301L8.82617 9.482L11.9482 6.836H13.5372V15.579H15.2942Z" |
| 147 |
fill={active ? "#fff" : "#757575"} |
| 148 |
/> |
| 149 |
</svg> |
| 150 |
</svg> |
| 151 |
); |
| 152 |
|
| 153 |
export const Hand = ({ active }) => ( |
| 154 |
<svg width={24} height={24} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> |
| 155 |
<path |
| 156 |
d="M10.0798 5.52002C8.55448 5.52002 7.51012 6.41628 6.71236 7.21502C6.23517 7.68657 5.81798 8.17034 5.27985 8.49753V7.92004C5.27985 7.66879 5.0511 7.44004 4.79985 7.44004H1.15473C0.918479 7.46254 0.718794 7.68285 0.71973 7.92004V16.56C0.71973 16.8113 0.948479 17.04 1.19973 17.04H4.79973C4.96473 17.04 5.12692 16.9491 5.21224 16.8075C6.27443 17.9822 7.71352 18.4801 9.11968 18.4801H12.9597C13.8822 18.4801 14.6397 17.7226 14.6397 16.8001C14.6397 16.5366 14.5619 16.2947 14.4522 16.0726C15.3494 16.0435 16.0797 15.3038 16.0797 14.4001C16.0797 14.1366 16.0019 13.8947 15.8922 13.6726C16.2672 13.6669 16.6656 13.6004 16.9947 13.3276C17.5197 12.9572 17.5197 11.7572 17.0697 11.2801H21.1197C22.3169 11.2707 23.2619 10.4588 23.2797 9.36008C23.2197 8.0954 22.1997 7.4504 21.1197 7.44008H15.7946C15.7421 6.94882 15.5658 6.47634 15.2021 6.13508C14.7774 5.73663 14.1624 5.52008 13.4395 5.52008L10.0798 5.52002ZM10.0798 6.48002H13.4398C13.9742 6.48002 14.3211 6.62533 14.5423 6.83253C14.7083 6.98816 14.7917 7.20192 14.8348 7.44002C14.3998 7.43721 14.1626 7.64252 14.1533 7.92002C14.1533 8.17408 14.3867 8.40376 14.6398 8.40002H21.1198C21.7967 8.41033 22.3133 8.77315 22.3198 9.36002C22.2898 10.0744 21.6758 10.3144 21.1198 10.32C19.1998 10.3172 17.0398 10.3172 15.3898 10.3425C15.2989 10.366 15.0842 10.4344 15.0073 10.695C14.9304 10.9557 15.0626 11.116 15.1198 11.1825C15.5998 11.5172 15.8858 11.4844 16.3198 11.7572C16.6686 12.2494 16.2317 12.7172 15.8398 12.72H14.3998C14.1504 12.7238 13.9264 12.9506 13.9264 13.2C13.9264 13.4494 14.1504 13.6763 14.3998 13.68C14.8067 13.68 15.1198 13.9931 15.1198 14.4C15.1198 14.8069 14.8067 15.12 14.3998 15.12H12.9598C12.7104 15.1238 12.4864 15.3506 12.4864 15.6C12.4864 15.8494 12.7104 16.0763 12.9598 16.08C13.3667 16.08 13.6798 16.3931 13.6798 16.8C13.6798 17.2069 13.3667 17.52 12.9598 17.52H9.11981C7.59169 17.52 6.16565 16.9135 5.27981 15.2175V9.4875C6.18449 9.22969 6.8042 8.49001 7.39481 7.8975C8.37733 7.12969 8.87968 6.47719 10.0798 6.48002ZM1.6798 8.40002H4.3198V16.08H1.6798V8.40002Z" |
| 157 |
fill={active ? "#fff" : "#757575"} |
| 158 |
/> |
| 159 |
</svg> |
| 160 |
); |
| 161 |
|
| 162 |
export const FillStar = ({ active }) => ( |
| 163 |
<svg width={24} height={24} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> |
| 164 |
<path |
| 165 |
d="M13.4887 3.07487L14.8799 7.35743C15.089 8.00243 15.6909 8.43931 16.3687 8.43931H20.8716C22.3875 8.43931 23.0184 10.3799 21.7922 11.2706L18.149 13.9171C17.6005 14.3155 17.3709 15.0224 17.5809 15.6674L18.9721 19.9499C19.4409 21.3918 17.7899 22.5909 16.5637 21.7003L12.9205 19.0538C12.3721 18.6553 11.6286 18.6553 11.0802 19.0538L7.43699 21.7003C6.21074 22.5918 4.55987 21.3928 5.02859 19.9499L6.41985 15.6674C6.62891 15.0224 6.40016 14.3155 5.85172 13.9171L2.20756 11.2706C0.981304 10.379 1.6113 8.43931 3.12818 8.43931H7.63106C8.30886 8.43931 8.9098 8.00243 9.1198 7.35743L10.5111 3.07487C10.9798 1.633 13.02 1.633 13.4887 3.07487Z" |
| 166 |
fill={active ? "#fff" : "#757575"} |
| 167 |
/> |
| 168 |
</svg> |
| 169 |
); |
| 170 |
|
| 171 |
export const NpArrow = ({ active }) => ( |
| 172 |
<svg width={24} height={24} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> |
| 173 |
<path |
| 174 |
fillRule="evenodd" |
| 175 |
clipRule="evenodd" |
| 176 |
d="M3.81543 22L21.1842 12L3.81543 2V22Z" |
| 177 |
fill={active ? "#fff" : "#757575"} |
| 178 |
/> |
| 179 |
</svg> |
| 180 |
); |
| 181 |
export const BulletPoint = ({ active }) => ( |
| 182 |
<svg width={24} height={24} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> |
| 183 |
<path d="M21.1612 12L3.83887 2L7.53381 12L3.83887 22L21.1612 12Z" fill={active ? "#fff" : "#757575"} /> |
| 184 |
</svg> |
| 185 |
); |
| 186 |
|
| 187 |
export const CircleIcon = ({ active }) => ( |
| 188 |
<svg width={24} height={24} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> |
| 189 |
<path |
| 190 |
d="M18.0996 11.7998C18.0995 8.32043 15.2792 5.5 11.7998 5.5C8.3205 5.50011 5.50011 8.3205 5.5 11.7998C5.5 15.2792 8.32043 18.0995 11.7998 18.0996V19.5996L11.3984 19.5898C7.41004 19.3876 4.21181 16.1896 4.00977 12.2012L4 11.7998C4.00011 7.49207 7.49207 4.00011 11.7998 4L12.2012 4.00977C16.3226 4.21855 19.5995 7.62655 19.5996 11.7998L19.5898 12.2012C19.381 16.3226 15.9731 19.5996 11.7998 19.5996V18.0996C15.2793 18.0996 18.0996 15.2793 18.0996 11.7998Z" |
| 191 |
fill={active ? "#fff" : "#757575"} |
| 192 |
/> |
| 193 |
</svg> |
| 194 |
); |
| 195 |
|
