import React from "react"

export const GreenFlagSvg = () => {
    return (
        <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M3.21205 2.57478C3.21205 3.05692 2.99777 3.42522 2.5692 3.67969V16.3962C2.5692 16.4833 2.53739 16.5586 2.47377 16.6222C2.41016 16.6858 2.33482 16.7176 2.24777 16.7176H1.60491C1.51786 16.7176 1.44252 16.6858 1.37891 16.6222C1.31529 16.5586 1.28348 16.4833 1.28348 16.3962V3.67969C0.854911 3.42522 0.640625 3.05692 0.640625 2.57478C0.640625 2.21987 0.766183 1.91685 1.0173 1.66574C1.26842 1.41462 1.57143 1.28906 1.92634 1.28906C2.28125 1.28906 2.58426 1.41462 2.83538 1.66574C3.0865 1.91685 3.21205 2.21987 3.21205 2.57478ZM17.9978 3.21763V10.8817C17.9978 11.0491 17.9559 11.178 17.8722 11.2684C17.7885 11.3588 17.6563 11.4509 17.4754 11.5446C16.0357 12.3214 14.8002 12.7098 13.769 12.7098C13.3605 12.7098 12.947 12.6362 12.5285 12.4888C12.1099 12.3415 11.7467 12.1808 11.4386 12.0067C11.1306 11.8326 10.7439 11.6719 10.2785 11.5246C9.81306 11.3772 9.33594 11.3036 8.8471 11.3036C7.56138 11.3036 6.00781 11.7924 4.18638 12.7701C4.07254 12.8304 3.96205 12.8605 3.85491 12.8605C3.6808 12.8605 3.53013 12.7969 3.4029 12.6696C3.27567 12.5424 3.21205 12.3917 3.21205 12.2176V4.76451C3.21205 4.55022 3.31585 4.36607 3.52344 4.21205C3.66406 4.1183 3.92857 3.97433 4.31696 3.78013C5.89732 2.97656 7.30692 2.57478 8.54576 2.57478C9.26228 2.57478 9.93192 2.67188 10.5547 2.86607C11.1775 3.06027 11.9107 3.35491 12.7545 3.75C13.0089 3.87723 13.3036 3.94085 13.6384 3.94085C14 3.94085 14.3934 3.87054 14.8186 3.72991C15.2439 3.58929 15.6122 3.43192 15.9235 3.25781C16.2349 3.08371 16.5296 2.92634 16.8075 2.78571C17.0854 2.64509 17.2679 2.57478 17.3549 2.57478C17.529 2.57478 17.6797 2.63839 17.8069 2.76562C17.9342 2.89286 17.9978 3.04353 17.9978 3.21763Z" fill="#27AE61" />
        </svg>
    )
}


export const RedFlagSvg = () => {
    return (
        <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M3.21205 2.57478C3.21205 3.05692 2.99777 3.42522 2.5692 3.67969V16.3962C2.5692 16.4833 2.53739 16.5586 2.47377 16.6222C2.41016 16.6858 2.33482 16.7176 2.24777 16.7176H1.60491C1.51786 16.7176 1.44252 16.6858 1.37891 16.6222C1.31529 16.5586 1.28348 16.4833 1.28348 16.3962V3.67969C0.854911 3.42522 0.640625 3.05692 0.640625 2.57478C0.640625 2.21987 0.766183 1.91685 1.0173 1.66574C1.26842 1.41462 1.57143 1.28906 1.92634 1.28906C2.28125 1.28906 2.58426 1.41462 2.83538 1.66574C3.0865 1.91685 3.21205 2.21987 3.21205 2.57478ZM17.9978 3.21763V10.8817C17.9978 11.0491 17.9559 11.178 17.8722 11.2684C17.7885 11.3588 17.6563 11.4509 17.4754 11.5446C16.0357 12.3214 14.8002 12.7098 13.769 12.7098C13.3605 12.7098 12.947 12.6362 12.5285 12.4888C12.1099 12.3415 11.7467 12.1808 11.4386 12.0067C11.1306 11.8326 10.7439 11.6719 10.2785 11.5246C9.81306 11.3772 9.33594 11.3036 8.8471 11.3036C7.56138 11.3036 6.00781 11.7924 4.18638 12.7701C4.07254 12.8304 3.96205 12.8605 3.85491 12.8605C3.6808 12.8605 3.53013 12.7969 3.4029 12.6696C3.27567 12.5424 3.21205 12.3917 3.21205 12.2176V4.76451C3.21205 4.55022 3.31585 4.36607 3.52344 4.21205C3.66406 4.1183 3.92857 3.97433 4.31696 3.78013C5.89732 2.97656 7.30692 2.57478 8.54576 2.57478C9.26228 2.57478 9.93192 2.67188 10.5547 2.86607C11.1775 3.06027 11.9107 3.35491 12.7545 3.75C13.0089 3.87723 13.3036 3.94085 13.6384 3.94085C14 3.94085 14.3934 3.87054 14.8186 3.72991C15.2439 3.58929 15.6122 3.43192 15.9235 3.25781C16.2349 3.08371 16.5296 2.92634 16.8075 2.78571C17.0854 2.64509 17.2679 2.57478 17.3549 2.57478C17.529 2.57478 17.6797 2.63839 17.8069 2.76562C17.9342 2.89286 17.9978 3.04353 17.9978 3.21763Z" fill="#ED3C38" />
        </svg>
    )
}

export const YellowDotSvg = () => {
    return (
        <svg width="13" height="13" viewBox="0 0 13 13" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M6.86854 11.6209C9.83632 11.275 11.9618 8.58873 11.6158 5.62094C11.2699 2.65316 8.58362 0.527723 5.61583 0.873647C2.64805 1.21957 0.522615 3.90586 0.86854 6.87365C1.21446 9.84143 3.90076 11.9669 6.86854 11.6209Z" fill="white" />
            <path d="M6.62425 9.49444C8.40492 9.28689 9.68018 7.67511 9.47263 5.89444C9.26507 4.11377 7.6533 2.83851 5.87263 3.04606C4.09196 3.25362 2.81669 4.86539 3.02425 6.64606C3.2318 8.42673 4.84358 9.702 6.62425 9.49444Z" fill="#F6B269" />
        </svg>
    )
}

export const TruckSvg = () => {
    return (
        <svg width="75" height="76" viewBox="0 0 75 76" fill="none" xmlns="http://www.w3.org/2000/svg">
            <g filter="url(#filter0_d_4277_7932)">
                <path d="M36.2527 48.7497C42.1883 48.0578 46.4391 42.6853 45.7473 36.7497C45.0554 30.8141 39.6829 26.5633 33.7473 27.2551C27.8117 27.947 23.5609 33.3195 24.2527 39.2551C24.9446 45.1907 30.3171 49.4415 36.2527 48.7497Z" fill="white" />
            </g>
            <path d="M36.0182 45.8084C40.4247 45.2948 43.5804 41.3063 43.0668 36.8999C42.5532 32.4934 38.5647 29.3377 34.1583 29.8513C29.7518 30.3649 26.5961 34.3534 27.1097 38.7598C27.6233 43.1663 31.6118 46.322 36.0182 45.8084Z" fill="#0093FF" />
            <g clipPath="url(#clip0_4277_7932)">
                <path d="M31.12 38.9438C30.6592 38.9438 30.2848 39.3205 30.2848 39.7833C30.2844 40.0053 30.3722 40.2183 30.5288 40.3756C30.6854 40.5329 30.898 40.6216 31.12 40.6222C31.3421 40.6218 31.555 40.5332 31.7118 40.3758C31.8687 40.2185 31.9566 40.0053 31.9563 39.7831C31.9565 39.561 31.8686 39.3478 31.7118 39.1904C31.555 39.033 31.3421 38.9443 31.12 38.9438ZM31.12 40.2159C31.0089 40.2156 30.9026 40.1711 30.8243 40.0924C30.746 40.0136 30.7022 39.907 30.7025 39.7959C30.7024 39.685 30.7463 39.5786 30.8246 39.4999C30.9028 39.4213 31.009 39.3769 31.12 39.3764C31.2311 39.3766 31.3376 39.4208 31.4161 39.4995C31.4946 39.5782 31.5386 39.6848 31.5386 39.7959C31.5387 39.851 31.528 39.9056 31.5071 39.9565C31.4861 40.0075 31.4553 40.0538 31.4164 40.0928C31.3775 40.1318 31.3313 40.1627 31.2804 40.1839C31.2296 40.205 31.175 40.2159 31.12 40.2159ZM38.4681 38.9438C38.0066 38.9438 37.6325 39.3205 37.6325 39.7833C37.6321 40.0054 37.7199 40.2186 37.8766 40.3759C38.0333 40.5333 38.2461 40.622 38.4681 40.6225C38.9294 40.6225 39.3044 40.2467 39.3044 39.7833C39.3047 39.5612 39.2168 39.348 39.06 39.1906C38.9032 39.0331 38.6903 38.9444 38.4681 38.9438ZM38.4681 40.2159C38.357 40.2156 38.2506 40.1711 38.1723 40.0924C38.0939 40.0136 38.05 39.907 38.0502 39.7959C38.0502 39.6849 38.0942 39.5785 38.1725 39.4998C38.2508 39.4212 38.3571 39.3768 38.4681 39.3764C38.6992 39.3764 38.8868 39.5648 38.8868 39.7959C38.8868 39.851 38.8761 39.9055 38.8551 39.9564C38.8341 40.0074 38.8033 40.0536 38.7644 40.0926C38.7256 40.1316 38.6794 40.1626 38.6285 40.1838C38.5777 40.2049 38.5232 40.2159 38.4681 40.2159ZM40.3178 35.0312H32.9689C32.9075 35.0314 32.8486 35.056 32.8052 35.0995C32.7619 35.1431 32.7376 35.2021 32.7376 35.2635V37.3699H32.2747V36.0768C32.2748 36.0463 32.2688 36.0161 32.2572 35.988C32.2456 35.9598 32.2286 35.9342 32.2071 35.9126C32.1856 35.8911 32.16 35.874 32.1319 35.8623C32.1038 35.8506 32.0736 35.8445 32.0432 35.8445H30.4665C30.1916 35.8445 29.9461 36.0476 29.9021 36.3384V36.3232L29.6561 37.7179L29.6565 37.7228C29.5755 37.7368 29.5019 37.7789 29.449 37.8419C29.396 37.9048 29.367 37.9844 29.3672 38.0667L29.3749 38.1412L29.3672 38.1391L29.7143 39.7081H30.0758V39.6939C30.0758 39.1315 30.5359 38.6761 31.1032 38.6761C31.67 38.6761 32.1303 39.1315 32.1303 39.6939V39.7081H37.4245V39.6939C37.4245 39.1315 37.8848 38.6761 38.4511 38.6761C39.0184 38.6761 39.4787 39.1315 39.4787 39.6939L39.4778 39.7081H40.5491V35.2635C40.5492 35.2331 40.5433 35.2029 40.5317 35.1748C40.5201 35.1466 40.5031 35.121 40.4816 35.0995C40.4601 35.0779 40.4346 35.0608 40.4065 35.0491C40.3784 35.0374 40.3483 35.0313 40.3178 35.0312ZM31.4645 36.2219V37.3699H30.0761L30.2496 36.3959C30.2641 36.2794 30.3654 36.1935 30.4665 36.1935H31.4645V36.2219Z" fill="white" />
            </g>
        </svg>
    )
}

export const BlueDotSvg = () => {
    return (
        <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M6.62635 11.3709C9.59414 11.025 11.7196 8.33873 11.3736 5.37094C11.0277 2.40316 8.34143 0.277723 5.37365 0.623647C2.40586 0.969572 0.280428 3.65586 0.626353 6.62365C0.972277 9.59143 3.65857 11.7169 6.62635 11.3709Z" fill="white" />
            <path d="M6.38206 9.24444C8.16273 9.03689 9.43799 7.42511 9.23044 5.64444C9.02288 3.86377 7.41111 2.58851 5.63044 2.79606C3.84977 3.00362 2.57451 4.61539 2.78206 6.39606C2.98962 8.17673 4.60139 9.452 6.38206 9.24444Z" fill="#0093FF" />
        </svg>
    )
}