crazycharge-app/component/global/SVG.tsx

import Svg, { G, Path, Rect } from 'react-native-svg';

export const BookingIconSvg = () => (
    <Svg width="30" height="30" viewBox="0 0 30 30" fill="none">
        <Path
            d="M15 30C11.1667 30 7.82639 28.7292 4.97917 26.1875C2.13194 23.6458 0.5 20.4722 0.0833333 16.6667H3.5C3.88889 19.5556 5.17361 21.9444 7.35417 23.8333C9.53472 25.7222 12.0833 26.6667 15 26.6667C18.25 26.6667 21.0069 25.5347 23.2708 23.2708C25.5347 21.0069 26.6667 18.25 26.6667 15C26.6667 11.75 25.5347 8.99306 23.2708 6.72917C21.0069 4.46528 18.25 3.33333 15 3.33333C13.0833 3.33333 11.2917 3.77778 9.625 4.66667C7.95833 5.55556 6.55556 6.77778 5.41667 8.33333H10V11.6667H0V1.66667H3.33333V5.58333C4.75 3.80556 6.47917 2.43056 8.52083 1.45833C10.5625 0.486111 12.7222 0 15 0C17.0833 0 19.0347 0.395833 20.8542 1.1875C22.6736 1.97917 24.2569 3.04861 25.6042 4.39583C26.9514 5.74306 28.0208 7.32639 28.8125 9.14583C29.6042 10.9653 30 12.9167 30 15C30 17.0833 29.6042 19.0347 28.8125 20.8542C28.0208 22.6736 26.9514 24.2569 25.6042 25.6042C24.2569 26.9514 22.6736 28.0208 20.8542 28.8125C19.0347 29.6042 17.0833 30 15 30ZM19.6667 22L13.3333 15.6667V6.66667H16.6667V14.3333L22 19.6667L19.6667 22Z"
            fill="#02677D"
        />
    </Svg>
);
export const ArrowRightSvg = () => (
    <Svg width="20" height="20" viewBox="0 0 20 20" fill="none">
        <Path
            d="M15.2187 11.25L8.21875 18.25L10 20L20 10L10 0L8.21875 1.75L15.2187 8.75H0V11.25H15.2187Z"
            fill="white"
        />
    </Svg>
);
export const QrCodeIconSvg = () => (
    <Svg width="24" height="24" viewBox="0 0 24 24" fill="none">
        <Path
            d="M2 7V2H7V4H4V7H2ZM2 22V17H4V20H7V22H2ZM17 22V20H20V17H22V22H17ZM20 7V4H17V2H22V7H20ZM17.5 17.5H19V19H17.5V17.5ZM17.5 14.5H19V16H17.5V14.5ZM16 16H17.5V17.5H16V16ZM14.5 17.5H16V19H14.5V17.5ZM13 16H14.5V17.5H13V16ZM16 13H17.5V14.5H16V13ZM14.5 14.5H16V16H14.5V14.5ZM13 13H14.5V14.5H13V13ZM19 5V11H13V5H19ZM11 13V19H5V13H11ZM11 5V11H5V5H11ZM9.5 17.5V14.5H6.5V17.5H9.5ZM9.5 9.5V6.5H6.5V9.5H9.5ZM17.5 9.5V6.5H14.5V9.5H17.5Z"
            fill="white"
        />
    </Svg>
);

export const VipCodeIconSvg = () => (
    <Svg width="24" height="24" viewBox="0 0 24 24" fill="none">
        <Path
            d="M3 11V3H11V11H3ZM5 9H9V5H5V9ZM3 21V13H11V21H3ZM5 19H9V15H5V19ZM13 11V3H21V11H13ZM15 9H19V5H15V9ZM19 21V19H21V21H19ZM13 15V13H15V15H13ZM15 17V15H17V17H15ZM13 19V17H15V19H13ZM15 21V19H17V21H15ZM17 19V17H19V19H17ZM17 15V13H19V15H17ZM19 17V15H21V17H19Z"
            fill="white"
        />
    </Svg>
);

export const VipCodeIcoonSvg = ({ isDark }: { isDark: boolean }) => (
    <Svg width="40" height="40" viewBox="0 0 24 24" fill="none">
        <Path
            d="M3 11V3H11V11H3ZM5 9H9V5H5V9ZM3 21V13H11V21H3ZM5 19H9V15H5V19ZM13 11V3H21V11H13ZM15 9H19V5H15V9ZM19 21V19H21V21H19ZM13 15V13H15V15H13ZM15 17V15H17V17H15ZM13 19V17H15V19H13ZM15 21V19H17V21H15ZM17 19V17H19V19H17ZM17 15V13H19V15H17ZM19 17V15H21V17H19Z"
            fill={isDark ? '#36DFFF' : '#004E5F'}
        />
    </Svg>
);

export const MyVehicleIconSvg = () => (
    <Svg width="24" height="24" viewBox="0 0 24 24" fill="none">
        <Path
            d="M5.25 18.75V19.875C5.25 20.1938 5.14219 20.4609 4.92656 20.6766C4.71094 20.8922 4.44375 21 4.125 21H3C2.68125 21 2.41406 20.8922 2.19844 20.6766C1.98281 20.4609 1.875 20.1938 1.875 19.875V10.875L4.2375 4.125C4.35 3.7875 4.55156 3.51562 4.84219 3.30937C5.13281 3.10312 5.45625 3 5.8125 3H18.1875C18.5437 3 18.8672 3.10312 19.1578 3.30937C19.4484 3.51562 19.65 3.7875 19.7625 4.125L22.125 10.875V19.875C22.125 20.1938 22.0172 20.4609 21.8016 20.6766C21.5859 20.8922 21.3188 21 21 21H19.875C19.5562 21 19.2891 20.8922 19.0734 20.6766C18.8578 20.4609 18.75 20.1938 18.75 19.875V18.75H5.25ZM5.025 8.625H18.975L17.7937 5.25H6.20625L5.025 8.625ZM6.9375 15.375C7.40625 15.375 7.80469 15.2109 8.13281 14.8828C8.46094 14.5547 8.625 14.1562 8.625 13.6875C8.625 13.2188 8.46094 12.8203 8.13281 12.4922C7.80469 12.1641 7.40625 12 6.9375 12C6.46875 12 6.07031 12.1641 5.74219 12.4922C5.41406 12.8203 5.25 13.2188 5.25 13.6875C5.25 14.1562 5.41406 14.5547 5.74219 14.8828C6.07031 15.2109 6.46875 15.375 6.9375 15.375ZM17.0625 15.375C17.5312 15.375 17.9297 15.2109 18.2578 14.8828C18.5859 14.5547 18.75 14.1562 18.75 13.6875C18.75 13.2188 18.5859 12.8203 18.2578 12.4922C17.9297 12.1641 17.5312 12 17.0625 12C16.5938 12 16.1953 12.1641 15.8672 12.4922C15.5391 12.8203 15.375 13.2188 15.375 13.6875C15.375 14.1562 15.5391 14.5547 15.8672 14.8828C16.1953 15.2109 16.5938 15.375 17.0625 15.375ZM4.125 16.5H19.875V10.875H4.125V16.5Z"
            fill="white"
        />
    </Svg>
);
export const MyBookingIconSvg = () => (
    <Svg width="24" height="24" viewBox="0 0 24 24" fill="none">
        <Path
            d="M15 22V20H19V10H5V14H3V6C3 5.45 3.19583 4.97917 3.5875 4.5875C3.97917 4.19583 4.45 4 5 4H6V2H8V4H16V2H18V4H19C19.55 4 20.0208 4.19583 20.4125 4.5875C20.8042 4.97917 21 5.45 21 6V20C21 20.55 20.8042 21.0208 20.4125 21.4125C20.0208 21.8042 19.55 22 19 22H15ZM8 24L6.6 22.6L9.175 20H1V18H9.175L6.6 15.4L8 14L13 19L8 24ZM5 8H19V6H5V8Z"
            fill="white"
        />
    </Svg>
);
export const MyWalletSvg = () => (
    <Svg width="24" height="24" viewBox="0 0 48 48" fill="none">
        <Path
            d="M12 38.9999C10.0692 38.9999 8.41987 38.3159 7.0519 36.948C5.68397 35.58 5 33.9307 5 32V16C5 14.0692 5.68397 12.4199 7.0519 11.0519C8.41987 9.68397 10.0692 9 12 9H36C37.9307 9 39.58 9.68397 40.948 11.0519C42.3159 12.4199 42.9999 14.0692 42.9999 16V32C42.9999 33.9307 42.3159 35.58 40.948 36.948C39.58 38.3159 37.9307 38.9999 36 38.9999H12ZM12 16.5H36C36.7589 16.5 37.475 16.609 38.1481 16.8269C38.8211 17.0449 39.4384 17.3757 40 17.8193V16C40 14.9 39.6083 13.9583 38.825 13.175C38.0416 12.3916 37.1 12 36 12H12C10.9 12 9.95828 12.3916 9.17495 13.175C8.39162 13.9583 7.99995 14.9 7.99995 16V17.8193C8.56148 17.3757 9.17878 17.0449 9.85185 16.8269C10.525 16.609 11.241 16.5 12 16.5ZM8.18455 22.4807L30.6461 27.9384C30.9205 28.0051 31.198 28.0083 31.4788 27.9481C31.7596 27.8878 32.0141 27.7641 32.2423 27.5769L39.4423 21.5269C39.1141 20.9243 38.6442 20.4358 38.0327 20.0615C37.4211 19.6871 36.7436 19.4999 36 19.4999H12C11.0564 19.4999 10.2371 19.7762 9.54225 20.3288C8.84738 20.8814 8.39482 21.5987 8.18455 22.4807Z"
            fill="white"
        />
    </Svg>
);
export const HomeIconSvg = () => (
    <Svg width="120" height="120" viewBox="0 0 120 120" fill="none">
        <Path
            d="M68.4287 52.585H82.53C83.8443 52.585 84.827 53.7975 84.551 55.0811C82.1637 66.1687 72.2969 74.481 60.4856 74.4828C47.0891 74.4845 36.0538 63.6258 35.8646 50.2415C35.6701 36.493 46.7662 25.2874 60.4821 25.2874C72.2934 25.2874 82.1602 33.5962 84.5492 44.6821C84.827 45.9692 83.8478 47.1851 82.53 47.1851H70.6284H62.51C61.9058 47.1851 61.47 46.6058 61.6401 46.0264L65.6073 32.4808C65.8921 31.5094 64.6108 30.8745 64.01 31.6881L49.61 51.1418C49.1673 51.7385 49.5944 52.585 50.3392 52.585H58.4577C59.0619 52.585 59.4977 53.1643 59.3275 53.7437L55.3603 67.2893C55.0756 68.2607 56.3569 68.8956 56.9594 68.082L68.4321 52.5832L68.4287 52.585Z"
            fill="#02677D"
        />
        <Path
            d="M89.9883 55.0632C87.6996 69.0033 75.7914 79.7031 61.3079 80.112C43.8684 80.6049 29.5964 65.9342 30.552 48.5074C31.4169 32.7409 44.4694 20.2217 60.4466 20.2217C75.3109 20.2217 87.6454 31.0595 89.9865 45.267C90.1944 46.5272 91.2829 47.4535 92.56 47.4535C94.1743 47.4535 95.399 46.0046 95.137 44.4106C91.9939 25.3269 73.4957 11.4217 52.7576 15.8156C39.4745 18.6295 29.0024 29.0513 26.1354 42.3273C21.2016 65.1722 38.4699 85.3448 60.4466 85.3448C77.8966 85.3448 92.3783 72.6282 95.1335 55.9528C95.3973 54.3536 94.1813 52.8925 92.5618 52.8925C91.2916 52.8925 90.1962 53.8066 89.99 55.0615L89.9883 55.0632Z"
            fill="#02677D"
        />
        <Path
            d="M14.0784 99.5391C14.0784 100.758 15.0549 101.751 16.2581 101.751H19.6426V102.976H16.2581C14.3888 102.976 12.8735 101.438 12.8735 99.5409C12.8735 97.6437 14.3888 96.1059 16.2581 96.1059H19.6426V97.3305H16.2581C15.0566 97.3305 14.0784 98.3215 14.0784 99.5426V99.5391Z"
            fill="#02677D"
        />
        <Path
            d="M27.0517 101.748L27.6672 102.976H26.3123L25.6933 101.748L25.0464 100.46L25.0168 100.405C24.8075 100.054 24.4257 99.8172 23.988 99.8172H22.7813V102.976H21.5747V96.1043H25.8468C26.3542 96.1043 26.8076 96.3132 27.1371 96.6476C27.4667 96.9857 27.6724 97.4511 27.6724 97.9608C27.6724 98.7111 27.2348 99.3606 26.6035 99.6508C26.4379 99.7287 26.2618 99.7818 26.0769 99.8013L27.0534 101.748H27.0517ZM25.8468 98.5943C25.9357 98.5943 26.0194 98.5784 26.0996 98.5377C26.3245 98.435 26.4658 98.2121 26.4658 97.9625C26.4658 97.7378 26.349 97.5838 26.281 97.5095C26.2007 97.4316 26.0595 97.3308 25.8468 97.3308H22.7831V98.5961H25.8468V98.5943Z"
            fill="#02677D"
        />
        <Path
            d="M36.1259 102.976H34.771L34.152 101.748L32.6768 98.8067L31.2017 101.748L30.5826 102.976H29.2278L29.8433 101.748L32.6786 96.1043L35.5138 101.748L36.1294 102.976H36.1259Z"
            fill="#02677D"
        />
        <Path
            d="M44.4502 101.744V102.969H39.2191L39.2104 102.981H37.6864L37.6951 102.969L38.628 101.744L40.2933 99.5535L41.057 98.5536L41.9812 97.3378H37.6794V96.1097H42.914L42.9175 96.1061H44.438V96.1097L43.5017 97.3378L41.8173 99.5535L41.057 100.553L40.152 101.744H44.4502Z"
            fill="#02677D"
        />
        <Path
            d="M52.7729 96.0919V96.0955L50.1521 99.5393L50.1486 99.5429L50.0039 99.7305V102.971H48.7938V99.7517L48.6333 99.5429L48.6299 99.5393L46.0091 96.0919H47.5331L49.3953 98.5394L51.2559 96.0919H52.7764H52.7729ZM46.0073 102.967H46.023L46.0073 102.989V102.967ZM52.7624 102.967H52.7746V102.983L52.7624 102.967Z"
            fill="#02677D"
        />
        <Path
            d="M59.4861 99.5394C59.4861 100.759 60.4626 101.751 61.6658 101.751H65.0503V102.976H61.6658C59.7965 102.976 58.2812 101.438 58.2812 99.5411C58.2812 97.644 59.7965 96.1061 61.6658 96.1061H65.0503V97.3308H61.6658C60.4644 97.3308 59.4861 98.3218 59.4861 99.5429V99.5394Z"
            fill="#02677D"
        />
        <Path
            d="M73.7514 96.1061V102.974H72.5448V99.8225H68.1925V102.973H66.9858V96.1043H68.1925V98.5979H72.5448V96.1061H73.7514Z"
            fill="#02677D"
        />
        <Path
            d="M82.2118 102.976H80.8569L80.2379 101.748L78.7628 98.8067L77.2876 101.748L76.6686 102.976H75.3137L75.9292 101.748L78.7645 96.1043L81.5998 101.748L82.2153 102.976H82.2118Z"
            fill="#02677D"
        />
        <Path
            d="M89.2406 101.748L89.8562 102.976H88.5013L87.8823 101.748L87.2354 100.46L87.2057 100.405C86.9965 100.054 86.6146 99.8172 86.177 99.8172H84.9703V102.976H83.7637V96.1043H88.0357C88.5432 96.1043 88.9965 96.3132 89.3261 96.6476C89.6556 96.9857 89.8614 97.4511 89.8614 97.9608C89.8614 98.7111 89.4237 99.3606 88.7925 99.6508C88.6269 99.7287 88.4507 99.7818 88.2659 99.8013L89.2424 101.748H89.2406ZM88.0357 98.5943C88.1247 98.5943 88.2084 98.5784 88.2886 98.5377C88.5135 98.435 88.6548 98.2121 88.6548 97.9625C88.6548 97.7378 88.5379 97.5838 88.4699 97.5095C88.3897 97.4316 88.2485 97.3308 88.0357 97.3308H84.9721V98.5961H88.0357V98.5943Z"
            fill="#02677D"
        />
        <Path
            d="M92.9984 99.5394C92.9984 100.759 93.9748 101.751 95.178 101.751H97.3559V100.435H95.178V99.2102H98.5625V102.976H95.178C93.3087 102.976 91.7935 101.438 91.7935 99.5411C91.7935 97.644 93.3087 96.1061 95.178 96.1061H98.5625V97.3308H95.178C93.9766 97.3308 92.9984 98.3218 92.9984 99.5429V99.5394Z"
            fill="#02677D"
        />
        <Path
            d="M102.025 97.9608V98.5979H106.38V99.8225H102.025V101.12C102.025 101.467 102.303 101.751 102.644 101.751H107.586V102.976H102.644C101.635 102.976 100.819 102.144 100.819 101.12V97.9608C100.819 96.9361 101.635 96.1043 102.644 96.1043H107.586V97.329H102.644C102.303 97.329 102.025 97.6139 102.025 97.9608Z"
            fill="#02677D"
        />
    </Svg>
);

export const WarningTriangleLogoSvg = () => (
    <Svg width="40" height="40" viewBox="0 0 40 40" fill="none">
        <Path
            d="M4.54172 35C4.23617 35 3.95839 34.9236 3.70839 34.7708C3.45839 34.6181 3.26395 34.4167 3.12506 34.1667C2.98617 33.9167 2.90978 33.6458 2.89589 33.3542C2.882 33.0625 2.95839 32.7778 3.12506 32.5L18.5417 5.83333C18.7084 5.55556 18.9237 5.34722 19.1876 5.20833C19.4514 5.06944 19.7223 5 20.0001 5C20.2778 5 20.5487 5.06944 20.8126 5.20833C21.0764 5.34722 21.2917 5.55556 21.4584 5.83333L36.8751 32.5C37.0417 32.7778 37.1181 33.0625 37.1042 33.3542C37.0903 33.6458 37.0139 33.9167 36.8751 34.1667C36.7362 34.4167 36.5417 34.6181 36.2917 34.7708C36.0417 34.9236 35.7639 35 35.4584 35H4.54172ZM7.41672 31.6667H32.5834L20.0001 10L7.41672 31.6667ZM20.0001 30C20.4723 30 20.8681 29.8403 21.1876 29.5208C21.507 29.2014 21.6667 28.8056 21.6667 28.3333C21.6667 27.8611 21.507 27.4653 21.1876 27.1458C20.8681 26.8264 20.4723 26.6667 20.0001 26.6667C19.5278 26.6667 19.132 26.8264 18.8126 27.1458C18.4931 27.4653 18.3334 27.8611 18.3334 28.3333C18.3334 28.8056 18.4931 29.2014 18.8126 29.5208C19.132 29.8403 19.5278 30 20.0001 30ZM20.0001 25C20.4723 25 20.8681 24.8403 21.1876 24.5208C21.507 24.2014 21.6667 23.8056 21.6667 23.3333V18.3333C21.6667 17.8611 21.507 17.4653 21.1876 17.1458C20.8681 16.8264 20.4723 16.6667 20.0001 16.6667C19.5278 16.6667 19.132 16.8264 18.8126 17.1458C18.4931 17.4653 18.3334 17.8611 18.3334 18.3333V23.3333C18.3334 23.8056 18.4931 24.2014 18.8126 24.5208C19.132 24.8403 19.5278 25 20.0001 25Z"
            fill="white"
        />
    </Svg>
);

export const BatteryLogoSvg = () => (
    <Svg width="40" height="40" viewBox="0 0 40 40" fill="none">
        <Rect width="40" height="40" rx="20" fill="#02677D" />
        <Path
            d="M25.1202 32.2255V28.7039H22.5962L26.274 22.8746V26.3962H28.798L25.1202 32.2255ZM14.8798 31.925C14.5597 31.925 14.2914 31.8168 14.0748 31.6002C13.8583 31.3837 13.75 31.1153 13.75 30.7952V11.4804C13.75 11.1603 13.8583 10.8919 14.0748 10.6754C14.2914 10.4589 14.5597 10.3506 14.8798 10.3506H17.1394V8.17511H21.7547V10.3506H24.0168C24.3373 10.3506 24.6053 10.4589 24.8208 10.6754C25.0364 10.8919 25.1441 11.1603 25.1441 11.4804V20.1703C24.8108 20.1863 24.4899 20.2228 24.1814 20.2796C23.8729 20.3365 23.5689 20.4179 23.2692 20.5236V12.2135H15.6249V27.514H18.2452C18.2452 28.3441 18.3758 29.1342 18.637 29.8842C18.8982 30.6342 19.2708 31.3145 19.7547 31.925H14.8798Z"
            fill="#FAFAFA"
        />
    </Svg>
);
export const DownArrowSvg = () => (
    <Svg width="12" height="7" viewBox="0 0 12 7" fill="none">
        <Path
            d="M6.00002 6.70762L0.346191 1.05383L1.40002 0L6.00002 4.6L10.6 0L11.6538 1.05383L6.00002 6.70762Z"
            fill="#222222"
        />
    </Svg>
);
export const UpArrowSvg = () => (
    <Svg width="12" height="7" viewBox="0 0 12 7" fill="none">
        <Path
            d="M6.00002 0.29238L11.6538 5.94617L10.6 7L6.00002 2.4L1.40002 7L0.346191 5.94617L6.00002 0.29238Z"
            fill="#222222"
        />
    </Svg>
);
export const TimeClockLogoSvg = () => (
    <Svg width="40" height="40" viewBox="0 0 40 40" fill="none">
        <Rect width="40" height="40" rx="20" fill="#02677D" />
        <Path
            d="M23.6559 24.7652L24.7652 23.6559L20.7894 19.6799V14.7368H19.2105V20.3198L23.6559 24.7652ZM20.0018 30C18.6187 30 17.3186 29.7375 16.1016 29.2126C14.8846 28.6877 13.826 27.9753 12.9258 27.0755C12.0255 26.1757 11.3129 25.1175 10.7877 23.9011C10.2626 22.6846 10 21.3849 10 20.0018C10 18.6187 10.2625 17.3186 10.7874 16.1016C11.3123 14.8846 12.0247 13.826 12.9245 12.9258C13.8243 12.0256 14.8825 11.3129 16.0989 10.7877C17.3154 10.2626 18.6151 10 19.9982 10C21.3813 10 22.6814 10.2625 23.8984 10.7874C25.1154 11.3123 26.174 12.0247 27.0742 12.9245C27.9744 13.8243 28.6871 14.8825 29.2123 16.0989C29.7374 17.3154 30 18.6151 30 19.9982C30 21.3813 29.7375 22.6814 29.2126 23.8984C28.6877 25.1154 27.9753 26.174 27.0755 27.0742C26.1757 27.9744 25.1175 28.6871 23.9011 29.2123C22.6846 29.7374 21.3849 30 20.0018 30ZM20 28.4211C22.3333 28.4211 24.3202 27.6009 25.9605 25.9605C27.6009 24.3202 28.4211 22.3333 28.4211 20C28.4211 17.6667 27.6009 15.6798 25.9605 14.0395C24.3202 12.3991 22.3333 11.5789 20 11.5789C17.6667 11.5789 15.6798 12.3991 14.0395 14.0395C12.3991 15.6798 11.5789 17.6667 11.5789 20C11.5789 22.3333 12.3991 24.3202 14.0395 25.9605C15.6798 27.6009 17.6667 28.4211 20 28.4211Z"
            fill="#FAFAFA"
        />
    </Svg>
);

export const BatteryIconSvg = () => (
    <Svg width="20" height="31" viewBox="0 0 20 31" fill="none">
        <Path
            d="M15.1282 30.8013V26.4103H12.5641L16.5384 19.1987V23.5898H19.1026L15.1282 30.8013ZM1.98716 30C1.60574 30 1.28603 29.871 1.02803 29.613C0.770005 29.355 0.640991 29.0353 0.640991 28.6539V3.81408C0.640991 3.4327 0.770005 3.11299 1.02803 2.85496C1.28603 2.59696 1.60574 2.46796 1.98716 2.46796H4.67949V0H10.3205V2.46796H13.0194C13.4018 2.46796 13.7206 2.59696 13.9759 2.85496C14.2313 3.11299 14.359 3.4327 14.359 3.81408V15.3205C11.9872 15.6261 9.99466 16.68 8.38141 18.4824C6.76816 20.2847 5.96153 22.4252 5.96153 24.9038C5.96153 25.8398 6.0876 26.7383 6.33974 27.5994C6.59188 28.4605 6.96046 29.2607 7.44549 30H1.98716Z"
            fill="#02677D"
        />
    </Svg>
);

export const LightingLogoSvg = () => (
    <Svg width="21" height="30" viewBox="0 0 21 30" fill="none">
        <Path
            d="M5.75631 29.8077L7.42297 18.3333H0.3396L12.8076 0.352539H13.5768L11.9422 13.3333H20.2756L6.52552 29.8077H5.75631Z"
            fill="#02677D"
        />
    </Svg>
);
export const TemperatureIconSvg = () => (
    <Svg width="15" height="30" viewBox="0 0 15 30" fill="none">
        <Path
            d="M7.50004 30C5.64321 30 4.06789 29.3531 2.77408 28.0593C1.48028 26.7655 0.833374 25.1902 0.833374 23.3333C0.833374 22.1282 1.13037 21.0187 1.72437 20.0048C2.3184 18.9909 3.13251 18.1773 4.16671 17.5641V3.33333C4.16671 2.39317 4.48722 1.60257 5.12825 0.961543C5.76928 0.320515 6.55987 0 7.50004 0C8.44021 0 9.2308 0.320515 9.87183 0.961543C10.5129 1.60257 10.8334 2.39317 10.8334 3.33333V17.5641C11.8676 18.1773 12.6817 18.9909 13.2757 20.0048C13.8697 21.0187 14.1667 22.1282 14.1667 23.3333C14.1667 25.1902 13.5198 26.7655 12.226 28.0593C10.9322 29.3531 9.35687 30 7.50004 30ZM5.83337 13.9744H9.16671V11.4744H7.50004V10.1923H9.16671V6.47438H7.50004V5.19229H9.16671V3.33333C9.16671 2.86111 9.00698 2.46528 8.68754 2.14583C8.3681 1.82639 7.97226 1.66667 7.50004 1.66667C7.02782 1.66667 6.63198 1.82639 6.31254 2.14583C5.9931 2.46528 5.83337 2.86111 5.83337 3.33333V13.9744Z"
            fill="#02677D"
        />
    </Svg>
);
export const TabHomeIcon = ({ color }: { color: string }) => (
    <Svg width="40" height="40" viewBox="0 0 40 40" fill={color}>
        <Path
            d="M7.5 31.6667V16.9231C7.5 16.4461 7.60671 15.9941 7.82012 15.5673C8.03354 15.1405 8.32854 14.789 8.70512 14.5129L18.1923 7.36546C18.7188 6.96374 19.3205 6.76288 19.9974 6.76288C20.6743 6.76288 21.2777 6.96374 21.8076 7.36546L31.2948 14.5129C31.6714 14.789 31.9664 15.1405 32.1798 15.5673C32.3932 15.9941 32.4999 16.4461 32.4999 16.9231V31.6667C32.4999 32.3483 32.2537 32.9353 31.7611 33.4278C31.2686 33.9204 30.6816 34.1666 30 34.1666H24.6794C24.2526 34.1666 23.8948 34.0223 23.6061 33.7335C23.3174 33.4448 23.173 33.087 23.173 32.6602V24.5192C23.173 24.0924 23.0287 23.7346 22.7399 23.4459C22.4512 23.1572 22.0934 23.0128 21.6666 23.0128H18.3333C17.9065 23.0128 17.5487 23.1572 17.26 23.4459C16.9712 23.7346 16.8269 24.0924 16.8269 24.5192V32.6602C16.8269 33.087 16.6825 33.4448 16.3938 33.7335C16.1051 34.0223 15.7473 34.1666 15.3205 34.1666H9.99996C9.31835 34.1666 8.73129 33.9204 8.23879 33.4278C7.74626 32.9353 7.5 32.3483 7.5 31.6667Z"
            fill={color}
        />
    </Svg>
);
export const QuestionSvg = () => (
    <Svg width="20" height="20" viewBox="0 0 30 30" fill="none">
        <Path
            d="M14.9835 23.423C15.4118 23.423 15.7735 23.2751 16.0687 22.9794C16.3639 22.6837 16.5115 22.3217 16.5115 21.8934C16.5115 21.4651 16.3636 21.1033 16.0679 20.8082C15.7722 20.513 15.4102 20.3654 14.9819 20.3654C14.5535 20.3654 14.1918 20.5132 13.8966 20.8089C13.6014 21.1047 13.4538 21.4667 13.4538 21.895C13.4538 22.3233 13.6017 22.685 13.8974 22.9802C14.1932 23.2754 14.5552 23.423 14.9835 23.423ZM15.0025 29.2499C13.0316 29.2499 11.179 28.8759 9.44483 28.1279C7.7106 27.3799 6.20208 26.3648 4.91925 25.0826C3.6364 23.8003 2.62081 22.2924 1.87249 20.559C1.12416 18.8255 0.75 16.9734 0.75 15.0025C0.75 13.0316 1.124 11.179 1.872 9.44483C2.62 7.7106 3.63512 6.20208 4.91738 4.91925C6.19965 3.6364 7.70751 2.62081 9.44096 1.87249C11.1744 1.12416 13.0266 0.75 14.9975 0.75C16.9684 0.75 18.8209 1.124 20.5551 1.872C22.2893 2.62 23.7979 3.63513 25.0807 4.91738C26.3635 6.19965 27.3791 7.70751 28.1274 9.44096C28.8758 11.1744 29.2499 13.0266 29.2499 14.9975C29.2499 16.9684 28.8759 18.8209 28.1279 20.5551C27.3799 22.2893 26.3648 23.7979 25.0826 25.0807C23.8003 26.3635 22.2924 27.3791 20.559 28.1274C18.8255 28.8758 16.9734 29.2499 15.0025 29.2499ZM15 27C18.35 27 21.1875 25.8375 23.5125 23.5125C25.8375 21.1875 27 18.35 27 15C27 11.65 25.8375 8.81246 23.5125 6.48746C21.1875 4.16246 18.35 2.99996 15 2.99996C11.65 2.99996 8.81246 4.16246 6.48746 6.48746C4.16246 8.81246 2.99996 11.65 2.99996 15C2.99996 18.35 4.16246 21.1875 6.48746 23.5125C8.81246 25.8375 11.65 27 15 27ZM15.1215 8.5788C15.8135 8.5788 16.4125 8.79666 16.9182 9.23239C17.424 9.66811 17.6769 10.2128 17.6769 10.8663C17.6769 11.4163 17.5154 11.9086 17.1923 12.3432C16.8692 12.7779 16.5 13.1827 16.0846 13.5577C15.5401 14.0407 15.0607 14.572 14.6464 15.1517C14.2321 15.7313 14.0106 16.3769 13.9817 17.0885C13.9721 17.3615 14.0683 17.5903 14.2702 17.775C14.4721 17.9596 14.7077 18.0519 14.9769 18.0519C15.2654 18.0519 15.5096 17.9557 15.7096 17.7634C15.9096 17.5711 16.0374 17.3355 16.0932 17.0567C16.1932 16.5413 16.4062 16.0822 16.7322 15.6793C17.0581 15.2764 17.4112 14.8933 17.7915 14.53C18.3382 13.9972 18.8153 13.4162 19.223 12.787C19.6307 12.1578 19.8345 11.4561 19.8345 10.6817C19.8345 9.49328 19.3663 8.51684 18.4298 7.75241C17.4932 6.98799 16.4 6.60578 15.15 6.60578C14.2577 6.60578 13.4163 6.80338 12.6259 7.19858C11.8356 7.59375 11.2202 8.17019 10.7798 8.92789C10.6433 9.16056 10.5994 9.40548 10.6483 9.66263C10.6972 9.91975 10.8292 10.115 11.0442 10.2483C11.3179 10.4007 11.599 10.4442 11.8875 10.3788C12.1759 10.3134 12.4211 10.149 12.623 9.88556C12.9269 9.49131 13.2947 9.17496 13.7264 8.93651C14.1581 8.69804 14.6231 8.5788 15.1215 8.5788Z"
            fill="#FAFAFA"
        />
    </Svg>
);
export const TabChargingIcon = ({ color }: { color: string }) => (
    <Svg width="40" height="40" viewBox="0 0 40 40" fill={color}>
        <Path
            d="M27.564 31.5385H25.5576C25.267 31.5385 25.0507 31.4113 24.9086 31.157C24.7665 30.9028 24.7767 30.6475 24.9391 30.3912L28.4188 24.8941C28.5349 24.7404 28.6778 24.6859 28.8476 24.7308C29.0175 24.7757 29.1024 24.8999 29.1024 25.1034V28.4615H31.1088C31.3994 28.4615 31.6158 28.5887 31.7579 28.843C31.8999 29.0972 31.8898 29.3525 31.7274 29.6088L28.2476 35.1059C28.1316 35.2596 27.9887 35.3141 27.8188 35.2692C27.6489 35.2243 27.564 35.1001 27.564 34.8966V31.5385ZM13.9102 35.8333C13.4834 35.8333 13.1256 35.6889 12.8369 35.4002C12.5482 35.1114 12.4038 34.7537 12.4038 34.3269V8.57375C12.4038 8.14691 12.5482 7.78913 12.8369 7.50041C13.1256 7.21169 13.4834 7.06733 13.9102 7.06733H16.923V5.67312C16.923 5.24632 17.0673 4.88855 17.3561 4.59983C17.6448 4.31108 18.0026 4.1667 18.4294 4.1667H21.5704C21.9972 4.1667 22.355 4.31108 22.6437 4.59983C22.9324 4.88855 23.0768 5.24632 23.0768 5.67312V7.06733H26.0929C26.5202 7.06733 26.8775 7.21169 27.1649 7.50041C27.4523 7.78913 27.596 8.14691 27.596 8.57375V19.1955C27.596 19.4663 27.5036 19.7001 27.3188 19.897C27.1339 20.0939 26.9048 20.2201 26.6313 20.2757C25.5394 20.4573 24.5255 20.7991 23.5896 21.3013C22.6537 21.8034 21.8243 22.4359 21.1014 23.1987C20.2752 24.0705 19.6179 25.0812 19.1297 26.2308C18.6415 27.3803 18.3974 28.6207 18.3974 29.9519C18.3974 30.6822 18.4732 31.3882 18.6249 32.0698C18.7766 32.7514 19.0041 33.4087 19.3076 34.0416C19.4977 34.4711 19.4844 34.8771 19.2675 35.2595C19.0506 35.642 18.7274 35.8333 18.298 35.8333H13.9102Z"
            fill={color}
        />
    </Svg>
);

export const TabAccountIcon = ({ color }: { color: string }) => (
    <Svg width="40" height="40" viewBox="0 0 40 40" fill={color}>
        <Path
            d="M20 19.4871C18.391 19.4871 17.0166 18.9172 15.8766 17.7772C14.7366 16.6373 14.1667 15.2628 14.1667 13.6539C14.1667 12.0449 14.7366 10.6704 15.8766 9.5305C17.0166 8.39056 18.391 7.82059 20 7.82059C21.6089 7.82059 22.9834 8.39056 24.1233 9.5305C25.2633 10.6704 25.8333 12.0449 25.8333 13.6539C25.8333 15.2628 25.2633 16.6373 24.1233 17.7772C22.9834 18.9172 21.6089 19.4871 20 19.4871ZM7.5 29.6474V28.4743C7.5 27.6581 7.72169 26.9023 8.16508 26.2068C8.60844 25.5113 9.20085 24.9765 9.94229 24.6026C11.5897 23.7949 13.2516 23.1891 14.9279 22.7853C16.6042 22.3815 18.2948 22.1795 20 22.1795C21.7051 22.1795 23.3958 22.3815 25.072 22.7853C26.7483 23.1891 28.4102 23.7949 30.0576 24.6026C30.7991 24.9765 31.3915 25.5113 31.8348 26.2068C32.2782 26.9023 32.4999 27.6581 32.4999 28.4743V29.6474C32.4999 30.3504 32.2537 30.9481 31.7611 31.4406C31.2686 31.9332 30.6709 32.1794 29.9679 32.1794H10.032C9.32903 32.1794 8.73129 31.9332 8.23879 31.4406C7.74626 30.9481 7.5 30.3504 7.5 29.6474Z"
            fill={color}
        />
    </Svg>
);

export const BellIconSvg = () => (
    <Svg width="20" height="26" viewBox="0 0 20 26" fill="none">
        <Path
            d="M1 22.1795C0.716667 22.1795 0.479167 22.0836 0.2875 21.8919C0.0958333 21.7001 0 21.4625 0 21.1791C0 20.8956 0.0958333 20.6582 0.2875 20.4667C0.479167 20.2753 0.716667 20.1795 1 20.1795H2.41027V10.2308C2.41027 8.43762 2.96368 6.85215 4.0705 5.47438C5.17734 4.0966 6.59829 3.21541 8.33333 2.83081V2.00004C8.33333 1.53709 8.49522 1.14358 8.819 0.819509C9.14278 0.49542 9.53593 0.333374 9.99847 0.333374C10.461 0.333374 10.8547 0.49542 11.1794 0.819509C11.5042 1.14358 11.6666 1.53709 11.6666 2.00004V2.83081C13.4016 3.21541 14.8226 4.0966 15.9294 5.47438C17.0363 6.85215 17.5897 8.43762 17.5897 10.2308V20.1795H18.9999C19.2833 20.1795 19.5208 20.2754 19.7124 20.4671C19.9041 20.6589 19.9999 20.8965 19.9999 21.1799C19.9999 21.4634 19.9041 21.7009 19.7124 21.8923C19.5208 22.0838 19.2833 22.1795 18.9999 22.1795H1ZM9.9977 25.923C9.33426 25.923 8.76707 25.687 8.29613 25.215C7.8252 24.743 7.58973 24.1756 7.58973 23.5128H12.4102C12.4102 24.1778 12.174 24.7457 11.7015 25.2166C11.2291 25.6876 10.6611 25.923 9.9977 25.923ZM4.4102 20.1795H15.5897V10.2308C15.5897 8.68717 15.044 7.36965 13.9525 6.27821C12.8611 5.18674 11.5436 4.64101 9.99997 4.64101C8.45637 4.64101 7.13884 5.18674 6.0474 6.27821C4.95593 7.36965 4.4102 8.68717 4.4102 10.2308V20.1795Z"
            fill="#888888"
        />
    </Svg>
);

export const CheckMarkLogoSvg = () => (
    <Svg width="20" height="20" viewBox="0 0 20 20" fill="none">
        <Rect width="20" height="20" rx="10" fill="#02677D" />
        <Path
            d="M7.95837 15L3.20837 10.25L4.39587 9.06251L7.95837 12.625L15.6042 4.97917L16.7917 6.16667L7.95837 15Z"
            fill="white"
        />
    </Svg>
);

export const CrossLogoSvg = () => (
    <Svg width="24" height="24" viewBox="0 0 24 24" fill="none">
        <Path
            d="M2.33333 23.3333L0 21L9.33333 11.6667L0 2.33333L2.33333 0L11.6667 9.33333L21 0L23.3333 2.33333L14 11.6667L23.3333 21L21 23.3333L11.6667 14L2.33333 23.3333Z"
            fill="#222222"
        />
    </Svg>
);

export const CrossLogoWhiteSvg = () => (
    <Svg width="16" height="16" viewBox="0 0 24 24" fill="none">
        <Path
            d="M2.33333 23.3333L0 21L9.33333 11.6667L0 2.33333L2.33333 0L11.6667 9.33333L21 0L23.3333 2.33333L14 11.6667L23.3333 21L21 23.3333L11.6667 14L2.33333 23.3333Z"
            fill="white"
        />
    </Svg>
);

export const ArrowIconSvg = () => (
    <Svg width="8" height="12" viewBox="0 0 8 12" fill="none">
        <Path d="M0.6 6L6.6 -6.11959e-08L8 1.4L3.4 6L8 10.6L6.6 12L0.6 6Z" fill="#888888" />
    </Svg>
);

export const GrayRightArrowIconSvg = () => (
    <Svg width="24" height="24" viewBox="0 0 24 24" fill="none">
        <Path d="M15.7076 12L10.0538 17.6538L9 16.6L13.6 12L9 7.39998L10.0538 6.34616L15.7076 12Z" fill="#999999" />
    </Svg>
);
export const RightArrowIconSvg = () => (
    <Svg width="24" height="24" viewBox="0 0 24 24" fill="none">
        <Path d="M15.7076 12L10.0538 17.6538L9 16.6L13.6 12L9 7.39998L10.0538 6.34616L15.7076 12Z" fill="#222222" />
    </Svg>
);
export const DirectionLogoSvg = () => (
    <Svg width="20" height="20" viewBox="0 0 20 20" fill="none">
        <Path
            d="M6.87502 12.2917H8.12498V9.79166H11.4584V11.5785L13.8702 9.16668L11.4584 6.74685V8.5417H7.62821C7.41481 8.5417 7.23592 8.61358 7.09156 8.75733C6.9472 8.90108 6.87502 9.0792 6.87502 9.29168V12.2917ZM10.0016 17.8045C9.81357 17.8045 9.62831 17.7668 9.44581 17.6915C9.26331 17.6162 9.09655 17.5032 8.94552 17.3525L2.64748 11.0545C2.49684 10.9041 2.38386 10.738 2.30854 10.5562C2.23321 10.3745 2.19554 10.1896 2.19554 10.0016C2.19554 9.81358 2.23321 9.62833 2.30854 9.44583C2.38386 9.26333 2.49684 9.09656 2.64748 8.94554L8.94552 2.64749C9.09594 2.49686 9.26202 2.38388 9.44377 2.30856C9.62552 2.23322 9.8104 2.19556 9.99842 2.19556C10.1864 2.19556 10.3717 2.23322 10.5542 2.30856C10.7367 2.38388 10.9035 2.49686 11.0545 2.64749L17.3525 8.94554C17.5032 9.09595 17.6161 9.26204 17.6915 9.44379C17.7668 9.62554 17.8045 9.81042 17.8045 9.99843C17.8045 10.1864 17.7668 10.3717 17.6915 10.5542C17.6161 10.7367 17.5032 10.9035 17.3525 11.0545L11.0545 17.3525C10.9041 17.5032 10.738 17.6162 10.5562 17.6915C10.3745 17.7668 10.1896 17.8045 10.0016 17.8045ZM6.66667 13.3333L9.82371 16.4904C9.87179 16.5385 9.93056 16.5625 10 16.5625C10.0694 16.5625 10.1282 16.5385 10.1763 16.4904L16.4904 10.1763C16.5385 10.1282 16.5625 10.0695 16.5625 10C16.5625 9.93057 16.5385 9.87181 16.4904 9.82372L10.1763 3.50964C10.1282 3.46156 10.0694 3.43752 10 3.43752C9.93056 3.43752 9.87179 3.46156 9.82371 3.50964L3.50962 9.82372C3.46154 9.87181 3.4375 9.93057 3.4375 10C3.4375 10.0695 3.46154 10.1282 3.50962 10.1763L6.66667 13.3333Z"
            fill="black"
        />
    </Svg>
);

export const PreviousPageSvg = () => (
    <Svg width="28" height="28" viewBox="0 0 28 28" fill="none">
        <Path
            d="M7.04166 15.6667L16.375 25L14 27.3334L0.666656 14L14 0.666687L16.375 3.00002L7.04166 12.3334H27.3333V15.6667H7.04166Z"
            fill="white"
        />
    </Svg>
);

export const PreviousPageBlackSvg = () => (
    <Svg width="28" height="28" viewBox="0 0 28 28" fill="none">
        <Path
            d="M7.04167 15.6667L16.375 25L14 27.3334L0.666672 14L14 0.666687L16.375 3.00002L7.04167 12.3334H27.3333V15.6667H7.04167Z"
            fill="black"
        />
    </Svg>
);

export const StarSvg = () => (
    <Svg width="16" height="15" viewBox="0 0 16 15" fill="none">
        <Path
            d="M3.32507 14.9663L4.56544 9.65284L0.442368 6.08167L5.87314 5.61052L8.00007 0.600891L10.127 5.61052L15.5578 6.08167L11.4347 9.65284L12.6751 14.9663L8.00007 12.1451L3.32507 14.9663Z"
            fill="white"
        />
    </Svg>
);

export const TickLogoSvg = () => (
    <Svg width="40" height="40" viewBox="0 0 24 24" fill="none">
        <Rect width="24" height="24" rx="12" fill="#02677D" />
        <Path
            d="M9.5501 18L3.8501 12.3L5.2751 10.875L9.5501 15.15L18.7251 5.97498L20.1501 7.39998L9.5501 18Z"
            fill="#CEE6F0"
        />
    </Svg>
);

export const GreenStarSvg = () => (
    <Svg width="20" height="18" viewBox="0 0 20 18" fill="none">
        <Path
            d="M4.39015 17.3596L5.8786 10.9834L0.930908 6.69802L7.44784 6.13264L10.0001 0.121094L12.5525 6.13264L19.0694 6.69802L14.1217 10.9834L15.6101 17.3596L10.0001 13.9742L4.39015 17.3596Z"
            fill="#02677D"
        />
    </Svg>
);

export const WalletSvg = ({ isDark }: { isDark: boolean }) => (
    <Svg width="48" height="48" viewBox="0 0 48 48" fill="none">
        <Path
            d="M12 38.9999C10.0692 38.9999 8.41987 38.3159 7.0519 36.948C5.68397 35.58 5 33.9307 5 32V16C5 14.0692 5.68397 12.4199 7.0519 11.0519C8.41987 9.68397 10.0692 9 12 9H36C37.9307 9 39.58 9.68397 40.948 11.0519C42.3159 12.4199 42.9999 14.0692 42.9999 16V32C42.9999 33.9307 42.3159 35.58 40.948 36.948C39.58 38.3159 37.9307 38.9999 36 38.9999H12ZM12 16.5H36C36.7589 16.5 37.475 16.609 38.1481 16.8269C38.8211 17.0449 39.4384 17.3757 40 17.8193V16C40 14.9 39.6083 13.9583 38.825 13.175C38.0416 12.3916 37.1 12 36 12H12C10.9 12 9.95828 12.3916 9.17495 13.175C8.39162 13.9583 7.99995 14.9 7.99995 16V17.8193C8.56148 17.3757 9.17878 17.0449 9.85185 16.8269C10.525 16.609 11.241 16.5 12 16.5ZM8.18455 22.4807L30.6461 27.9384C30.9205 28.0051 31.198 28.0083 31.4788 27.9481C31.7596 27.8878 32.0141 27.7641 32.2423 27.5769L39.4423 21.5269C39.1141 20.9243 38.6442 20.4358 38.0327 20.0615C37.4211 19.6871 36.7436 19.4999 36 19.4999H12C11.0564 19.4999 10.2371 19.7762 9.54225 20.3288C8.84738 20.8814 8.39482 21.5987 8.18455 22.4807Z"
            fill={isDark ? '#36DFFF' : '#004E5F'}
        />
    </Svg>
);
export const WhatsAppSvg = () => (
    <Svg viewBox="0 0 1024 1024" p-id="4986" width="30" height="30" fill="#004E5F">
        <Path d="M636.016 556.576q7.424 0 55.712 25.152t51.136 30.272q1.152 2.848 1.152 8.576 0 18.848-9.728 43.424-9.152 22.272-40.576 37.44t-58.272 15.136q-32.576 0-108.576-35.424-56-25.728-97.152-67.424t-84.576-105.728q-41.152-61.152-40.576-110.848l0-4.576q1.728-52 42.272-90.272 13.728-12.576 29.728-12.576 3.424 0 10.272 0.864t10.848 0.864q10.848 0 15.136 3.712t8.864 15.712q4.576 11.424 18.848 50.272t14.272 42.848q0 12-19.712 32.864t-19.712 26.56q0 4 2.848 8.576 19.424 41.728 58.272 78.272 32 30.272 86.272 57.728 6.848 4 12.576 4 8.576 0 30.848-27.712t29.728-27.712zM520.016 859.424q72.576 0 139.136-28.576t114.56-76.576 76.576-114.56 28.576-139.136-28.576-139.136-76.576-114.56-114.56-76.576-139.136-28.576-139.136 28.576-114.56 76.576-76.576 114.56-28.576 139.136q0 116 68.576 210.272l-45.152 133.152 138.272-44q90.272 59.424 197.152 59.424zM520.016 69.728q87.424 0 167.136 34.272t137.44 92 92 137.44 34.272 167.136-34.272 167.136-92 137.44-137.44 92-167.136 34.272q-111.424 0-208.576-53.728l-238.272 76.576 77.728-231.424q-61.728-101.728-61.728-222.272 0-87.424 34.272-167.136t92-137.44 137.44-92 167.136-34.272z" p-id="4987">
        </Path>
    </Svg>
);
export const MyCarSvg = () => (
    <Svg width="48" height="48" viewBox="0 0 48 48" fill="none">
        <Path
            d="M11.2306 36.9999V39.4999C11.2306 39.9249 11.0869 40.2812 10.7994 40.5687C10.5119 40.8562 10.1557 40.9999 9.7307 40.9999H8.5C8.075 40.9999 7.71875 40.8562 7.43125 40.5687C7.14375 40.2812 7 39.9249 7 39.4999V24.1538L11.0847 12.5C11.2333 12.041 11.5064 11.6763 11.9039 11.4058C12.3013 11.1353 12.7436 11 13.2308 11H34.8461C35.3141 11 35.7391 11.1375 36.1209 11.4125C36.5027 11.6875 36.7675 12.05 36.9153 12.5L40.9999 24.1538V39.4999C40.9999 39.9249 40.8562 40.2812 40.5687 40.5687C40.2812 40.8562 39.9249 40.9999 39.4999 40.9999H38.2692C37.8442 40.9999 37.488 40.8562 37.2005 40.5687C36.913 40.2812 36.7693 39.9249 36.7693 39.4999V36.9999H11.2306ZM11.2153 21.1539H36.7846L34.2615 14H13.7384L11.2153 21.1539ZM14.9276 31.6923C15.6553 31.6923 16.2724 31.4375 16.7788 30.9281C17.2852 30.4187 17.5384 29.8001 17.5384 29.0724C17.5384 28.3446 17.2837 27.7276 16.7743 27.2212C16.2648 26.7147 15.6462 26.4615 14.9185 26.4615C14.1908 26.4615 13.5737 26.7162 13.0673 27.2257C12.5609 27.7351 12.3077 28.3537 12.3077 29.0814C12.3077 29.8091 12.5624 30.4262 13.0718 30.9327C13.5812 31.4391 14.1998 31.6923 14.9276 31.6923ZM33.0814 31.6923C33.8091 31.6923 34.4262 31.4375 34.9326 30.9281C35.4391 30.4187 35.6923 29.8001 35.6923 29.0724C35.6923 28.3446 35.4375 27.7276 34.9281 27.2212C34.4187 26.7147 33.8001 26.4615 33.0724 26.4615C32.3446 26.4615 31.7276 26.7162 31.2212 27.2257C30.7147 27.7351 30.4615 28.3537 30.4615 29.0814C30.4615 29.8091 30.7162 30.4262 31.2257 30.9327C31.7351 31.4391 32.3537 31.6923 33.0814 31.6923ZM9.99995 34H38V24.1538H9.99995V34Z"
            fill="#004E5F"
        />
    </Svg>
);

export const ActivitySvg = ({ isDark }: { isDark: boolean }) => (
    <Svg width="48" height="48" viewBox="0 0 48 48" fill="none">
        <Path
            d="M24 42C19.4 42 15.3917 40.475 11.975 37.425C8.55833 34.375 6.6 30.5667 6.1 26H10.2C10.6667 29.4667 12.2083 32.3333 14.825 34.6C17.4417 36.8667 20.5 38 24 38C27.9 38 31.2083 36.6417 33.925 33.925C36.6417 31.2083 38 27.9 38 24C38 20.1 36.6417 16.7917 33.925 14.075C31.2083 11.3583 27.9 10 24 10C21.7 10 19.55 10.5333 17.55 11.6C15.55 12.6667 13.8667 14.1333 12.5 16H18V20H6V8H10V12.7C11.7 10.5667 13.775 8.91667 16.225 7.75C18.675 6.58333 21.2667 6 24 6C26.5 6 28.8417 6.475 31.025 7.425C33.2083 8.375 35.1083 9.65833 36.725 11.275C38.3417 12.8917 39.625 14.7917 40.575 16.975C41.525 19.1583 42 21.5 42 24C42 26.5 41.525 28.8417 40.575 31.025C39.625 33.2083 38.3417 35.1083 36.725 36.725C35.1083 38.3417 33.2083 39.625 31.025 40.575C28.8417 41.525 26.5 42 24 42ZM29.6 32.4L22 24.8V14H26V23.2L32.4 29.6L29.6 32.4Z"
            fill={isDark ? '#36DFFF' : '#004E5F'}
        />
    </Svg>
);
export const DarkModeSvg = ({ isDark }: { isDark: boolean }) => (
    <Svg width="24" height="24" viewBox="0 0 24 24" fill="none">
        <Path
            d="M14.3187 1L11.6562 2.58438L12.0219 3.20172L13.6719 2.21969L13.1937 5.28578L13.4891 5.78266L16.25 4.13875L15.8844 3.52141L14.1359 4.55922L14.6094 1.49453L14.3187 1ZM7.39531 2.59281C5.76196 3.5015 4.40077 4.82971 3.4523 6.44029C2.50383 8.05086 2.00248 9.88543 2 11.7545C2 14.5393 3.10625 17.21 5.07538 19.1792C7.04451 21.1483 9.71523 22.2545 12.5 22.2545C14.7703 22.2533 16.979 21.5164 18.7952 20.1541C20.6113 18.7918 21.9369 16.8775 22.5734 14.6983C21.6639 15.6615 20.5676 16.4294 19.3514 16.9548C18.1353 17.4803 16.8248 17.7524 15.5 17.7545C12.9141 17.7545 10.4342 16.7273 8.60571 14.8988C6.77723 13.0703 5.75 10.5904 5.75 8.00453C5.75164 6.07768 6.32418 4.19451 7.39531 2.59281ZM18.8563 5.03266L18.5328 5.80609L20.6 6.66859L17.3984 8.35141L17.1406 8.97016L20.5953 10.4139L20.9188 9.64047L18.7297 8.72641L21.9313 7.04359L22.1891 6.42484L18.8563 5.03266ZM13.4656 8.03266L8.88125 9.67328L9.26094 10.7373L12.1016 9.72016L10.4422 14.3092L10.7469 15.1577L15.5 13.4608L15.1203 12.3967L12.1109 13.4748L13.7703 8.88578L13.4656 8.03266Z"
            fill={isDark ? '#36DFFF' : '#02677D'}
        />
    </Svg>
);

export const SettingIconSvg = ({ isDark }: { isDark: boolean }) => (
    <Svg width="24" height="24" viewBox="0 0 24 24" fill="none">
        <Path
            d="M9.69245 21.5L9.31168 18.4538C9.04373 18.3641 8.76905 18.2384 8.48763 18.0769C8.20621 17.9153 7.9546 17.7422 7.7328 17.5576L4.91165 18.7499L2.604 14.75L5.04438 12.9058C5.0213 12.757 5.00495 12.6077 4.99533 12.4577C4.98571 12.3077 4.9809 12.1583 4.9809 12.0096C4.9809 11.8673 4.98571 11.7227 4.99533 11.5759C5.00495 11.4291 5.0213 11.2686 5.04438 11.0942L2.604 9.24998L4.91165 5.26925L7.72318 6.45195C7.96421 6.26092 8.22159 6.08623 8.4953 5.9279C8.76904 5.76955 9.03795 5.6423 9.30205 5.54615L9.69245 2.5H14.3078L14.6885 5.55578C14.9885 5.66474 15.26 5.79198 15.503 5.9375C15.7459 6.08302 15.9911 6.2545 16.2386 6.45195L19.0886 5.26925L21.3962 9.24998L18.9174 11.123C18.9533 11.2846 18.9728 11.4355 18.976 11.5759C18.9792 11.7163 18.9808 11.8577 18.9808 12C18.9808 12.1359 18.9776 12.274 18.9712 12.4144C18.9648 12.5548 18.9417 12.7154 18.902 12.8962L21.3616 14.75L19.0539 18.7499L16.2386 17.548C15.9911 17.7455 15.7386 17.9201 15.4809 18.0721C15.2232 18.224 14.959 18.348 14.6885 18.4442L14.3078 21.5H9.69245ZM12.0116 15C12.8437 15 13.5517 14.708 14.1357 14.124C14.7196 13.54 15.0116 12.832 15.0116 12C15.0116 11.1679 14.7196 10.4599 14.1357 9.87595C13.5517 9.29198 12.8437 9 12.0116 9C11.1693 9 10.4588 9.29198 9.87993 9.87595C9.3011 10.4599 9.01168 11.1679 9.01168 12C9.01168 12.832 9.3011 13.54 9.87993 14.124C10.4588 14.708 11.1693 15 12.0116 15Z"
            fill={isDark ? '#36DFFF' : '#02677D'}
        />
    </Svg>
);

export const QuestionMarkIconSvg = ({ isDark }: { isDark: boolean }) => (
    <Svg width="24" height="24" viewBox="0 0 24 24" fill="none">
        <Path
            d="M11.989 17.6153C12.2745 17.6153 12.5157 17.5168 12.7125 17.3196C12.9093 17.1225 13.0077 16.8811 13.0077 16.5956C13.0077 16.31 12.9091 16.0689 12.7119 15.8721C12.5148 15.6753 12.2734 15.5769 11.9879 15.5769C11.7024 15.5769 11.4612 15.6755 11.2644 15.8726C11.0676 16.0698 10.9692 16.3111 10.9692 16.5967C10.9692 16.8822 11.0678 17.1234 11.265 17.3202C11.4621 17.5169 11.7034 17.6153 11.989 17.6153ZM11.2808 14.0346H12.6884C12.7012 13.5423 12.7734 13.149 12.9048 12.8548C13.0362 12.5606 13.3551 12.1705 13.8615 11.6846C14.3012 11.2449 14.6381 10.8388 14.8721 10.4663C15.106 10.0939 15.223 9.65407 15.223 9.14685C15.223 8.28613 14.9137 7.61378 14.2952 7.1298C13.6766 6.64583 12.9449 6.40385 12.1 6.40385C11.2654 6.40385 10.5747 6.62661 10.0279 7.07213C9.48109 7.51763 9.09103 8.04229 8.8577 8.64613L10.1423 9.1615C10.2641 8.82945 10.4724 8.50606 10.7673 8.19133C11.0622 7.87658 11.5 7.7192 12.0808 7.7192C12.6718 7.7192 13.1086 7.88107 13.3913 8.2048C13.674 8.52852 13.8154 8.88461 13.8154 9.27308C13.8154 9.61281 13.7186 9.9237 13.525 10.2058C13.3314 10.4878 13.0846 10.7602 12.7846 11.0231C12.1282 11.6154 11.7135 12.0878 11.5404 12.4404C11.3673 12.7929 11.2808 13.3243 11.2808 14.0346ZM12.0016 21.5C10.6877 21.5 9.45268 21.2506 8.29655 20.752C7.1404 20.2533 6.13472 19.5765 5.2795 18.7217C4.42427 17.8669 3.74721 16.8616 3.24833 15.706C2.74944 14.5504 2.5 13.3156 2.5 12.0017C2.5 10.6877 2.74933 9.45268 3.248 8.29655C3.74667 7.1404 4.42342 6.13472 5.27825 5.2795C6.1331 4.42427 7.13834 3.74721 8.29398 3.24833C9.44959 2.74944 10.6844 2.5 11.9983 2.5C13.3122 2.5 14.5473 2.74933 15.7034 3.248C16.8596 3.74667 17.8652 4.42342 18.7205 5.27825C19.5757 6.1331 20.2527 7.13834 20.7516 8.29398C21.2505 9.44959 21.5 10.6844 21.5 11.9983C21.5 13.3122 21.2506 14.5473 20.752 15.7034C20.2533 16.8596 19.5765 17.8652 18.7217 18.7205C17.8669 19.5757 16.8616 20.2527 15.706 20.7516C14.5504 21.2505 13.3156 21.5 12.0016 21.5Z"
            fill={isDark ? '#36DFFF' : '#02677D'}
        />
    </Svg>
);

export const AccountSettingIconSvg = ({ isDark }: { isDark: boolean }) => (
    <Svg width="24" height="24" viewBox="0 0 24 24" fill="none">
        <Path
            d="M16.1058 20.048L15.8827 18.7211C15.6442 18.6506 15.4199 18.5583 15.2096 18.4442C14.9993 18.3301 14.7993 18.1872 14.6096 18.0154L13.3423 18.4557L12.6308 17.2462L13.6654 16.4C13.5936 16.141 13.5577 15.8859 13.5577 15.6346C13.5577 15.3833 13.5936 15.1282 13.6654 14.8692L12.6404 14.0039L13.3519 12.7943L14.6096 13.2443C14.7929 13.0725 14.9913 12.9311 15.2048 12.8202C15.4183 12.7093 15.6442 12.6186 15.8827 12.5481L16.1058 11.2212H17.5288L17.7423 12.5481C17.9807 12.6186 18.2067 12.7119 18.4201 12.8279C18.6336 12.944 18.832 13.093 19.0153 13.275L20.273 12.7943L20.9845 14.0346L19.9595 14.9C20.0313 15.1385 20.0672 15.3885 20.0672 15.65C20.0672 15.9115 20.0313 16.1615 19.9595 16.4L20.9942 17.2462L20.2826 18.4557L19.0153 18.0154C18.8256 18.1872 18.6256 18.3301 18.4153 18.4442C18.2051 18.5583 17.9807 18.6506 17.7423 18.7211L17.5288 20.048H16.1058ZM2.5 19.3077V17.0846C2.5 16.5795 2.62885 16.1222 2.88655 15.7125C3.14423 15.3029 3.50384 14.986 3.96537 14.7616C4.79616 14.3475 5.69359 14.0017 6.65768 13.7241C7.62178 13.4465 8.73588 13.3078 9.99997 13.3078H10.2923C10.3795 13.3078 10.4666 13.318 10.5538 13.3385C10.1666 14.3077 10.0035 15.3279 10.0644 16.3991C10.1253 17.4702 10.4307 18.4398 10.9807 19.3077H2.5ZM16.8077 17.5385C17.332 17.5385 17.7804 17.3522 18.1529 16.9798C18.5253 16.6074 18.7115 16.159 18.7115 15.6346C18.7115 15.1103 18.5253 14.6619 18.1529 14.2894C17.7804 13.917 17.332 13.7308 16.8077 13.7308C16.2833 13.7308 15.8349 13.917 15.4625 14.2894C15.09 14.6619 14.9038 15.1103 14.9038 15.6346C14.9038 16.159 15.09 16.6074 15.4625 16.9798C15.8349 17.3522 16.2833 17.5385 16.8077 17.5385ZM9.99997 11.6923C9.03461 11.6923 8.20993 11.3503 7.52595 10.6664C6.84198 9.98239 6.5 9.15773 6.5 8.19236C6.5 7.22698 6.84198 6.4023 7.52595 5.71833C8.20993 5.03437 9.03461 4.69238 9.99997 4.69238C10.9653 4.69238 11.79 5.03437 12.474 5.71833C13.158 6.4023 13.5 7.22698 13.5 8.19236C13.5 9.15773 13.158 9.98239 12.474 10.6664C11.79 11.3503 10.9653 11.6923 9.99997 11.6923Z"
            fill={isDark ? '#36DFFF' : '#02677D'}
        />
    </Svg>
);
export const NotificationSvg = ({ isDark }: { isDark: boolean }) => (
    <Svg width="24" height="24" viewBox="0 0 24 24" fill="none">
        <Path
            d="M12 22c1.1 0 2-.9 2-2h-4c0 1.1.9 2 2 2zm6-6v-5c0-3.07-1.63-5.64-4.5-6.32V4c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5v.68C7.64 5.36 6 7.92 6 11v5l-2 2v1h16v-1l-2-2zm-2 1H8v-6c0-2.48 1.51-4.5 4-4.5s4 2.02 4 4.5v6z"
            fill={isDark ? '#36DFFF' : '#02677D'}
        />
    </Svg>
);
export const UserTermsSvg = () => (
    <Svg viewBox="0 0 1024 1024" width="26" height="22" fill="#02677D">
        <Path
           d="M157.76 896h690.24v-786.24h-690.24v786.24zM925.76 32v941.76h-845.76v-941.76h845.76zM430.88 286.88v77.76h288v-77.76h-288zM286.88 286.88v77.76h77.76v-77.76h-77.76zM430.88 454.88v77.76h288v-77.76h-288zM286.88 454.88v77.76h77.76v-77.76h-77.76zM430.88 622.88v77.76h288v-77.76h-288zM286.88 622.88v77.76h77.76v-77.76h-77.76z" p-id="5801" fill="#02677D"
        />
    </Svg>
)