import * as React from 'react';
import './drawer.scss';

const CustomIcons = ({ type }: any) => {

    const getDashboardSvg = () => {
        return (
            <div className='dashboard-svg-icon'>
                <svg fill="#000000" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlnsXlink="http://www.w3.org/1999/xlink" width="39px" height="39px" viewBox="0 0 0.975 0.975" enableBackground="new 0 0 20 20" xmlSpace="preserve">
                    <path fill="#fff" d="M0.926 0.975H0.049c-0.029 0 -0.049 -0.02 -0.049 -0.049V0.049c0 -0.029 0.02 -0.049 0.049 -0.049s0.049 0.02 0.049 0.049v0.829h0.829c0.029 0 0.049 0.02 0.049 0.049s-0.02 0.049 -0.049 0.049z" />
                    <path fill="#fff" x="4" y="12" width="3" height="4" d="M0.195 0.585H0.341V0.78H0.195V0.585z" />
                    <path fill="#fff" x="9" y="5" width="3" height="11" d="M0.439 0.244H0.585V0.78H0.439V0.244z" />
                    <path fill="#fff" x="14" y="9" width="3" height="7" d="M0.682 0.439H0.829V0.78H0.682V0.439z" />
                </svg>
            </div>
        )
    }
    const getClassificationSvg = () => {
        return (
            <div className='classification-svg-icon'>
                <svg width="39" height="39" viewBox="0 67 39 39" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <rect x="9" y="74" width="20.4167" height="24.7917" rx="2" stroke="white" strokeWidth="3" />
                    <path d="M15.125 80.125H23.875" stroke="white" strokeWidth="3" strokeLinecap="round" />
                    <path d="M15.125 85.9583H23.875" stroke="white" strokeWidth="3" strokeLinecap="round" />
                    <path d="M15.125 91.7917H20.9583" stroke="white" strokeWidth="3" strokeLinecap="round" />
                    <g filter="url(#filter0_d_55_135)">
                        <path d="M32.625 8.75L24.5821 16.7929C24.1916 17.1834 23.5584 17.1834 23.1679 16.7929L20.2071 13.8321C19.8166 13.4416 19.1834 13.4416 18.7929 13.8321L12.2083 20.4167" stroke="#FDFDFD" strokeWidth="3" strokeLinecap="round" strokeLinejoin="round" />
                        <path d="M6.375 4.375V27.425C6.375 28.5451 6.375 29.1052 6.59299 29.533C6.78473 29.9093 7.09069 30.2153 7.46702 30.407C7.89484 30.625 8.4549 30.625 9.575 30.625H32.625" stroke="#FDFDFD" strokeWidth="3" strokeLinecap="round" />
                    </g>
                    <path d="M9.20968 143C8.53931 143 8 143.54 8 144.212V146.635C8 147.306 8.53931 147.846 9.20968 147.846H11.629C12.2994 147.846 12.8387 147.306 12.8387 146.635V144.212C12.8387 143.54 12.2994 143 11.629 143H9.20968ZM16.871 143.808C16.871 143.808 16.8218 143.808 14.7259 145.431C16.871 147.038 16.871 147.038 16.871 147.038H31.3871C31.3871 147.038 31.3871 146.259 31.3871 145.366C31.3871 144.472 31.3871 143.808 31.3871 143.808H16.871ZM16.871 151.885C16.871 151.885 16.871 151.885 14.7259 153.5C16.871 155.115 16.871 155.115 16.871 155.115H33C33 155.115 33 154.394 33 153.5C33 152.606 33 151.885 33 151.885H16.871ZM16.871 159.962C16.871 159.962 16.871 159.962 14.7259 161.577C16.871 163.192 16.871 163.192 16.871 163.192H31.3871C31.3871 163.192 31.3871 162.462 31.3871 161.569C31.3871 160.675 31.3871 159.962 31.3871 159.962H16.871ZM8 152.288V154.712C8 155.383 8.53931 155.923 9.20968 155.923H11.629C12.2994 155.923 12.8387 155.383 12.8387 154.712V152.288C12.8387 151.617 12.2994 151.077 11.629 151.077H9.20968C8.53931 151.077 8 151.617 8 152.288ZM9.20968 159.154C8.53931 159.154 8 159.694 8 160.365V162.788C8 163.46 8.53931 164 9.20968 164H11.629C12.2994 164 12.8387 163.46 12.8387 162.788V160.365C12.8387 159.694 12.2994 159.154 11.629 159.154H9.20968Z" fill="white" />
                    <path d="M22.333 230.597C20.8223 231.144 19.1953 231.438 17.5 231.438C15.8047 231.438 14.1709 231.137 12.667 230.597C12.6465 230.59 12.6328 230.583 12.6123 230.576C10.5615 229.824 8.72949 228.614 7.23926 227.062C4.78516 224.506 3.28125 221.04 3.28125 217.219C3.28125 209.364 9.64551 203 17.5 203C25.3545 203 31.7188 209.364 31.7188 217.219C31.7188 221.04 30.2148 224.506 27.7607 227.062C27.6924 227.131 27.624 227.206 27.5557 227.274C26.0928 228.737 24.3154 229.879 22.3398 230.597H22.333ZM17.5 209.282C16.7412 209.282 16.126 209.897 16.126 210.656V211.066C15.7432 211.148 15.3809 211.265 15.0391 211.415C14.0137 211.88 13.1318 212.741 12.9131 213.992C12.79 214.689 12.8584 215.359 13.1455 215.975C13.4326 216.576 13.877 217 14.3281 217.308C15.1211 217.848 16.167 218.162 16.9668 218.401L17.1172 218.449C18.0674 218.736 18.7168 218.955 19.1201 219.249C19.291 219.372 19.3525 219.468 19.3799 219.522C19.4004 219.577 19.4414 219.7 19.3936 219.98C19.3525 220.22 19.2227 220.418 18.8467 220.582C18.4297 220.76 17.7529 220.849 16.8779 220.712C16.4678 220.644 15.7363 220.397 15.0869 220.172C14.9365 220.124 14.793 220.069 14.6494 220.028C13.9316 219.789 13.1592 220.179 12.9199 220.896C12.6807 221.614 13.0703 222.387 13.7881 222.626C13.8701 222.653 13.9727 222.688 14.0889 222.729C14.6289 222.913 15.4766 223.2 16.126 223.351V223.781C16.126 224.54 16.7412 225.155 17.5 225.155C18.2588 225.155 18.874 224.54 18.874 223.781V223.405C19.2432 223.337 19.5918 223.234 19.9268 223.091C21 222.633 21.8682 221.744 22.0869 220.445C22.21 219.734 22.1553 219.058 21.8818 218.436C21.6152 217.82 21.1846 217.369 20.7266 217.034C19.8926 216.433 18.792 216.098 17.9648 215.845L17.9102 215.831C16.9395 215.537 16.2832 215.332 15.8662 215.052C15.6885 214.929 15.6338 214.847 15.6201 214.813C15.6064 214.792 15.5723 214.703 15.6133 214.471C15.6338 214.341 15.7432 214.115 16.1738 213.917C16.6113 213.719 17.2949 213.609 18.1289 213.739C18.4229 213.787 19.3525 213.965 19.6123 214.033C20.3437 214.225 21.0889 213.794 21.2871 213.062C21.4854 212.331 21.0479 211.586 20.3164 211.388C20.0156 211.306 19.332 211.169 18.8809 211.087V210.656C18.8809 209.897 18.2656 209.282 17.5068 209.282H17.5ZM3.28125 227.062H4.375C5.70801 228.833 7.38281 230.323 9.31055 231.438H4.375V233.625H17.5H30.625V231.438H25.6895C27.6172 230.323 29.2988 228.833 30.625 227.062H31.7188C33.5303 227.062 35 228.532 35 230.344V234.719C35 236.53 33.5303 238 31.7188 238H3.28125C1.46973 238 0 236.53 0 234.719V230.344C0 228.532 1.46973 227.062 3.28125 227.062Z" fill="white" />
                    <defs>
                        <filter id="filter0_d_55_135" x="-2" y="0" width="43" height="43" filterUnits="userSpaceOnUse" colorInterpolationFilters="sRGB">
                            <feFlood floodOpacity="0" result="BackgroundImageFix" />
                            <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" />
                            <feOffset dy="4" />
                            <feGaussianBlur stdDeviation="2" />
                            <feComposite in2="hardAlpha" operator="out" />
                            <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0" />
                            <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_55_135" />
                            <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_55_135" result="shape" />
                        </filter>
                    </defs>
                </svg>
            </div>
        )
    }
    const getAttributionSvg = () => {
        return (
            <div className='attribution-svg-icon'>
                <svg width="39" height="39" viewBox="1 134 39 39" fill="none" xmlns="http://www.w3.org/2000/svg" version="1.1" xmlnsXlink="http://www.w3.org/1999/xlink">
                    <path d="M9.20968 143C8.53931 143 8 143.54 8 144.212V146.635C8 147.306 8.53931 147.846 9.20968 147.846H11.629C12.2994 147.846 12.8387 147.306 12.8387 146.635V144.212C12.8387 143.54 12.2994 143 11.629 143H9.20968ZM16.871 143.808C16.871 143.808 16.8218 143.808 14.7259 145.431C16.871 147.038 16.871 147.038 16.871 147.038H31.3871C31.3871 147.038 31.3871 146.259 31.3871 145.366C31.3871 144.472 31.3871 143.808 31.3871 143.808H16.871ZM16.871 151.885C16.871 151.885 16.871 151.885 14.7259 153.5C16.871 155.115 16.871 155.115 16.871 155.115H33C33 155.115 33 154.394 33 153.5C33 152.606 33 151.885 33 151.885H16.871ZM16.871 159.962C16.871 159.962 16.871 159.962 14.7259 161.577C16.871 163.192 16.871 163.192 16.871 163.192H31.3871C31.3871 163.192 31.3871 162.462 31.3871 161.569C31.3871 160.675 31.3871 159.962 31.3871 159.962H16.871ZM8 152.288V154.712C8 155.383 8.53931 155.923 9.20968 155.923H11.629C12.2994 155.923 12.8387 155.383 12.8387 154.712V152.288C12.8387 151.617 12.2994 151.077 11.629 151.077H9.20968C8.53931 151.077 8 151.617 8 152.288ZM9.20968 159.154C8.53931 159.154 8 159.694 8 160.365V162.788C8 163.46 8.53931 164 9.20968 164H11.629C12.2994 164 12.8387 163.46 12.8387 162.788V160.365C12.8387 159.694 12.2994 159.154 11.629 159.154H9.20968Z" fill="white" />
                </svg>
            </div>
        )
    }
    const getRatesManagementSvg = () => {
        return (
            <div className='rates-svg-icon'>
                <svg width="39" height="39" viewBox="-2 202 39 39" fill="none" xmlns="http://www.w3.org/2000/svg" version="1.1" xmlnsXlink="http://www.w3.org/1999/xlink">
                    <path d="M22.333 230.597C20.8223 231.144 19.1953 231.438 17.5 231.438C15.8047 231.438 14.1709 231.137 12.667 230.597C12.6465 230.59 12.6328 230.583 12.6123 230.576C10.5615 229.824 8.72949 228.614 7.23926 227.062C4.78516 224.506 3.28125 221.04 3.28125 217.219C3.28125 209.364 9.64551 203 17.5 203C25.3545 203 31.7188 209.364 31.7188 217.219C31.7188 221.04 30.2148 224.506 27.7607 227.062C27.6924 227.131 27.624 227.206 27.5557 227.274C26.0928 228.737 24.3154 229.879 22.3398 230.597H22.333ZM17.5 209.282C16.7412 209.282 16.126 209.897 16.126 210.656V211.066C15.7432 211.148 15.3809 211.265 15.0391 211.415C14.0137 211.88 13.1318 212.741 12.9131 213.992C12.79 214.689 12.8584 215.359 13.1455 215.975C13.4326 216.576 13.877 217 14.3281 217.308C15.1211 217.848 16.167 218.162 16.9668 218.401L17.1172 218.449C18.0674 218.736 18.7168 218.955 19.1201 219.249C19.291 219.372 19.3525 219.468 19.3799 219.522C19.4004 219.577 19.4414 219.7 19.3936 219.98C19.3525 220.22 19.2227 220.418 18.8467 220.582C18.4297 220.76 17.7529 220.849 16.8779 220.712C16.4678 220.644 15.7363 220.397 15.0869 220.172C14.9365 220.124 14.793 220.069 14.6494 220.028C13.9316 219.789 13.1592 220.179 12.9199 220.896C12.6807 221.614 13.0703 222.387 13.7881 222.626C13.8701 222.653 13.9727 222.688 14.0889 222.729C14.6289 222.913 15.4766 223.2 16.126 223.351V223.781C16.126 224.54 16.7412 225.155 17.5 225.155C18.2588 225.155 18.874 224.54 18.874 223.781V223.405C19.2432 223.337 19.5918 223.234 19.9268 223.091C21 222.633 21.8682 221.744 22.0869 220.445C22.21 219.734 22.1553 219.058 21.8818 218.436C21.6152 217.82 21.1846 217.369 20.7266 217.034C19.8926 216.433 18.792 216.098 17.9648 215.845L17.9102 215.831C16.9395 215.537 16.2832 215.332 15.8662 215.052C15.6885 214.929 15.6338 214.847 15.6201 214.813C15.6064 214.792 15.5723 214.703 15.6133 214.471C15.6338 214.341 15.7432 214.115 16.1738 213.917C16.6113 213.719 17.2949 213.609 18.1289 213.739C18.4229 213.787 19.3525 213.965 19.6123 214.033C20.3437 214.225 21.0889 213.794 21.2871 213.062C21.4854 212.331 21.0479 211.586 20.3164 211.388C20.0156 211.306 19.332 211.169 18.8809 211.087V210.656C18.8809 209.897 18.2656 209.282 17.5068 209.282H17.5ZM3.28125 227.062H4.375C5.70801 228.833 7.38281 230.323 9.31055 231.438H4.375V233.625H17.5H30.625V231.438H25.6895C27.6172 230.323 29.2988 228.833 30.625 227.062H31.7188C33.5303 227.062 35 228.532 35 230.344V234.719C35 236.53 33.5303 238 31.7188 238H3.28125C1.46973 238 0 236.53 0 234.719V230.344C0 228.532 1.46973 227.062 3.28125 227.062Z" fill="white"></path>
                </svg>
            </div>
        )
    }
    const getAttributeManagementSvg = () => {
        return (
            <div className='attribute-svg-icon'>
                <svg width="39" height="39" viewBox="6 6 39 39" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path fillRule="evenodd" clipRule="evenodd" d="M29.1845 39.307C29.5967 39.2664 29.8957 38.902 30.4938 38.1731L39.0575 27.737C39.6555 27.0082 39.9546 26.6437 39.914 26.2315C39.8733 25.8193 39.5089 25.5203 38.7801 24.9222L26.198 14.5976C25.3879 13.9329 24.9828 13.6005 24.4909 13.5029C23.9989 13.4054 23.4977 13.558 22.4952 13.8633L17.0341 15.5265C15.7976 15.9031 15.1793 16.0914 14.7952 16.5595C14.4111 17.0277 14.3471 17.6708 14.2191 18.957L13.654 24.6378C13.5502 25.6805 13.4983 26.2019 13.6901 26.6654C13.8818 27.1288 14.2868 27.4612 15.0969 28.1259L27.679 38.4505C28.4078 39.0486 28.7723 39.3476 29.1845 39.307ZM23.0975 19.5993C21.8522 18.5774 20.0144 18.7586 18.9926 20.0038C17.9707 21.2491 18.1519 23.0869 19.3971 24.1087C20.6424 25.1305 22.4802 24.9494 23.502 23.7042C24.5238 22.4589 24.3427 20.6211 23.0975 19.5993Z" fill="white" />
                </svg>
            </div>
        )
    }
    const getTemplateSvg = () => {
        return (
            <div className='template-svg-icon'>
                <svg width="39px" height="39px" viewBox="0 0 0.975 0.975" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M0.317 0.548a0.037 0.037 0 0 1 0 -0.073h0.341a0.037 0.037 0 0 1 0 0.073h-0.341Z" fill="#fff" />
                    <path d="M0.317 0.695a0.037 0.037 0 0 1 0 -0.073h0.341a0.037 0.037 0 0 1 0 0.073h-0.341Z" fill="#fff" />
                    <path fillRule="evenodd" clipRule="evenodd" d="M0.545 0.024H0.219a0.098 0.098 0 0 0 -0.098 0.098v0.731a0.098 0.098 0 0 0 0.098 0.098h0.536a0.098 0.098 0 0 0 0.098 -0.098V0.351a0.098 0.098 0 0 0 -0.026 -0.066l-0.21 -0.229A0.098 0.098 0 0 0 0.545 0.024ZM0.219 0.853v-0.731h0.326L0.756 0.351V0.853h-0.536Z" fill="#fff" />
                    <path d="M0.561 0.317h0.244a0.049 0.049 0 1 1 0 0.098h-0.292a0.049 0.049 0 0 1 -0.049 -0.049v-0.292a0.049 0.049 0 0 1 0.098 0v0.244Z" fill="#fff" />
                </svg>
            </div>
        )
    }
    const getUserSvg = () => {
        return (
            <div className='user-svg-icon'>
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="-1 -4 39 39" width="39" height="39">
                    <path fill="#fff" d="M13.65 0a7.8 7.8 0 1 1 0 15.6 7.8 7.8 0 1 1 0 -15.6zm-2.785 18.525h5.57c0.719 0 1.426 0.073 2.102 0.201 -0.128 1.127 0.451 2.169 1.328 2.73 -1.012 0.646 -1.627 1.926 -1.219 3.248 0.244 0.786 0.573 1.554 0.999 2.291s0.926 1.408 1.487 2.011c0.957 1.03 2.413 1.121 3.486 0.53v0.055c0 0.561 0.165 1.127 0.481 1.603H1.81C0.81 31.2 0 30.39 0 29.39 0 23.388 4.863 18.525 10.865 18.525zM26.569 13.297c0 -0.427 0.274 -0.81 0.689 -0.902 0.64 -0.146 1.31 -0.225 1.993 -0.225s1.353 0.079 1.993 0.225c0.414 0.091 0.689 0.475 0.689 0.902v1.865c0.481 0.207 0.938 0.469 1.359 0.78l1.517 -0.871c0.372 -0.213 0.835 -0.165 1.127 0.146 0.463 0.494 0.871 1.048 1.225 1.657s0.628 1.243 0.823 1.889c0.128 0.408 -0.067 0.835 -0.439 1.048l-1.523 0.877c0.024 0.244 0.043 0.494 0.043 0.75s-0.012 0.5 -0.043 0.75l1.523 0.877c0.372 0.213 0.561 0.64 0.439 1.048 -0.201 0.646 -0.475 1.28 -0.823 1.889s-0.762 1.164 -1.225 1.657c-0.292 0.311 -0.762 0.36 -1.127 0.146L33.29 26.934c-0.42 0.311 -0.871 0.573 -1.359 0.78v1.865c0 0.427 -0.274 0.81 -0.689 0.902 -0.64 0.146 -1.31 0.225 -1.993 0.225s-1.353 -0.079 -1.993 -0.225c-0.414 -0.091 -0.689 -0.475 -0.689 -0.902v-1.865c-0.487 -0.207 -0.951 -0.469 -1.371 -0.786l-1.505 0.871c-0.372 0.213 -0.835 0.165 -1.127 -0.146 -0.463 -0.494 -0.871 -1.048 -1.225 -1.657s-0.628 -1.243 -0.823 -1.889c-0.128 -0.408 0.067 -0.835 0.439 -1.048l1.511 -0.871c-0.024 -0.25 -0.043 -0.5 -0.043 -0.756s0.012 -0.506 0.043 -0.756L20.95 19.805c-0.372 -0.213 -0.561 -0.64 -0.439 -1.048 0.201 -0.646 0.469 -1.28 0.823 -1.889s0.762 -1.164 1.225 -1.657c0.292 -0.311 0.756 -0.36 1.127 -0.146l1.511 0.871c0.42 -0.311 0.884 -0.573 1.371 -0.786v-1.852zm5.612 8.135a2.931 2.931 0 1 0 -5.856 0 2.931 2.931 0 1 0 5.856 0z" />
                </svg>
            </div>
        )
    }
    const getAdminSvg = () => {
        return (
            <div className='admin-svg-icon'>
                <svg width="39" height="39" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path fillRule="evenodd" fill="white" stroke="#A84D97" clipRule="evenodd" d="M5.944 0.5L5.858 0.936707L5.52901 2.53467C5.00301 2.73554 4.526 3.02037 4.095 3.35815L2.487 2.8205L2.05501 2.68658L1.83101 3.07233L0.723999 4.9231L0.5 5.3089L0.828003 5.5957L2.07201 6.65399C2.02701 6.93081 1.96901 7.20461 1.96901 7.49542C1.96901 7.78623 2.02701 8.0601 2.07201 8.33691L0.828003 9.3952L0.5 9.68201L0.723999 10.0677L1.83101 11.9186L2.05501 12.3053L2.487 12.1704L4.095 11.6328C4.526 11.9705 5.00301 12.2553 5.52901 12.4562L5.858 14.0541L5.944 14.4909H9.05501L9.142 14.0541L9.47 12.4562C9.996 12.2553 10.473 11.9705 10.904 11.6328L12.512 12.1704L12.944 12.3053L13.169 11.9186L14.275 10.0677L14.5 9.68201L14.171 9.3952L12.927 8.33691C12.973 8.0601 13.03 7.78623 13.03 7.49542C13.03 7.20461 12.973 6.93081 12.927 6.65399L14.171 5.5957L14.5 5.3089L14.275 4.9231L13.169 3.07233L12.944 2.68658L12.512 2.8205L10.904 3.35815C10.473 3.02037 9.996 2.73554 9.47 2.53467L9.142 0.936707L9.05501 0.5H5.944Z" strokeLinecap="square" strokeLinejoin="round" />
                    <path fillRule="evenodd" fill="white" stroke="#A84D97" clipRule="evenodd" d="M9.49963 7.49542C9.49963 8.5987 8.60363 9.49414 7.49963 9.49414C6.39563 9.49414 5.49963 8.5987 5.49963 7.49542C5.49963 6.39214 6.39563 5.49677 7.49963 5.49677C8.60363 5.49677 9.49963 6.39214 9.49963 7.49542Z" strokeLinecap="square" strokeLinejoin="round" />
                </svg>
            </div>
        )
    }

    const getDefaultSvg = () => {
        return (
            <div className='admin-svg-icon'>
                <svg width="39" height="39" viewBox="0 0 30 30" id="_23_-_Right" data-name="23 - Right" xmlns="http://www.w3.org/2000/svg">
                    <path id="Path_211" data-name="Path 211" fill="white" d="M16,1A15,15,0,1,0,31,16,15.007,15.007,0,0,0,16,1Zm0,2A13,13,0,1,1,3,16,13.006,13.006,0,0,1,16,3Z" transform="translate(-1 -1)" fillRule="evenodd" />
                    <path id="Path_212" fill="white" data-name="Path 212" d="M12.293,10.707,17.586,16l-5.293,5.293a1,1,0,0,0,1.414,1.414l6-6a1,1,0,0,0,0-1.414l-6-6a1,1,0,0,0-1.414,1.414Z" transform="translate(-1 -1)" fillRule="evenodd" />
                </svg>
            </div>
        )
    }

    const getCreativeAssignmentSvg = () => {
        return (
            <div className='admin-svg-icon'>
                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
                    <line x1="3" y1="12" x2="21" y2="12" />
                    <line x1="3" y1="6" x2="21" y2="6" />
                    <line x1="3" y1="18" x2="21" y2="18" />
                </svg>
            </div>
        )
    }

    const getComponentCodingIcon = () => {
        return (
            <div className='admin-svg-icon'>
                <svg xmlns="http://www.w3.org/2000/svg" enableBackground="new 0 0 62 62" height="52" viewBox="0 0 62 62" width="52">
                    <g fill="#fff"><path d="m50 5.4c0-3.4-2.8-3.4-2.8-3.4h-42.3c-.5.1-2.9.3-2.9 3v14.2c.1.6.6 2.8 3 2.8h42.2c3.1 0 2.8-2.7 2.8-2.7z" />
                        <path d="m49.1 35.3c-.6-.1-1.2-.1-1.8-.2-.1 0-.2-.1-.2-.2-.2-.7-.6-1.4-.8-1.9 0-.1 0-.2 0-.3.3-.5.8-1 1.1-1.5.2-.3.2-.7-.1-1-.7-.7-1.4-1.4-2-2-.1-.1-.3-.2-.5-.2-.1 0-.3.1-.5.2-.5.3-1 .8-1.5 1.1-.1 0-.1.1-.1.1h-.1c-.7-.2-1.2-.6-1.9-.8-.1 0-.2-.1-.2-.2-.1-.6-.1-1.1-.2-1.7 0-.3-.1-.6-.5-.8-.1-.1-.2-.1-.2-.1-1 0-1.9 0-2.9 0-.2 0-.3 0-.5.1-.2.2-.5.5-.5.8 0 .6-.1 1.1-.2 1.7 0 .1-.1.2-.2.2-.7.2-1.2.6-1.9.8h-.1c-.1 0-.1 0-.2-.1-.5-.3-.9-.8-1.5-1.1-.1-.1-.2-.2-.5-.2s-.3.1-.6.2c-.7.7-1.4 1.4-2 2-.3.3-.3.7-.1 1 .3.5.8.9 1.1 1.5.1.1.1.2 0 .3-.2.7-.6 1.2-.8 1.9 0 .1-.1.2-.2.2-.6.1-1.1.1-1.7.2-.3 0-.7.2-.8.6v3.4c.2.3.5.5.8.6.6 0 1.1.1 1.7.2.1 0 .2.1.2.2.2.7.6 1.2.8 1.9 0 .1.1.2 0 .3-.3.5-.8 1-1.1 1.5-.2.3-.2.7.1 1 .7.7 1.4 1.4 2 2 .2.2.3.2.6.2.1 0 .3-.1.5-.2.5-.3.9-.8 1.5-1.1.1 0 .1-.1.2-.1h.1c.7.2 1.2.6 1.9.8.1 0 .2.1.2.2.1.6.1 1.2.2 1.8 0 .5.3.7.8.7s1 0 1.5 0 .9 0 1.4 0 .7-.2.8-.7c.1-.6.1-1.2.2-1.8 0-.1.1-.2.2-.2.7-.2 1.4-.6 1.9-.8h.1s.1 0 .1.1c.5.3 1 .8 1.5 1.1.1.1.3.2.5.2s.3-.1.6-.2l2-2c.3-.3.3-.7.1-1-.3-.5-.8-.9-1.1-1.5-.1-.1-.1-.2 0-.3.2-.7.6-1.2.8-1.9 0-.1.1-.2.2-.2.6-.1 1.2-.1 1.8-.2.5 0 .7-.3.7-.8 0-.9 0-1.9 0-2.8 0-.7-.2-.9-.7-1zm-11.1 6.8c-2.6 0-4.5-2-4.5-4.5s2-4.5 4.5-4.5 4.5 2 4.5 4.5c-.1 2.4-2.1 4.5-4.5 4.5z" /><path d="m23.4 27.8c-.1-1.6-1.5-1.8-1.9-1.8h-17.7c-.5 0-1.8.2-1.8 2v20.6c.1.5.4 1.4 2 1.4h17.5c2 0 2-2.3 2-2.3 0-.8 0-1.6 0-2.4 0-1 .2-2.1-.4-3.1-.1-.2-.2-.3-.3-.5s-.2-.3-.3-.5c-.6-.9-.5-2-.5-3.1 0-1 0-2.1.5-3 .2-.4.5-.8.7-1.2.4-.6.4-1.4.4-2.1z" />
                    </g>
                </svg>
            </div>
        )
    }

    const getEvaluationSvg = () => {
        return (
            <div className='admin-svg-icon'>
                <svg xmlns="http://www.w3.org/2000/svg" fill="white" stroke="white" version="1.1" id="Layer_1" x="0px" y="0px" width="109.773px" height="122.879px" viewBox="0 0 109.773 122.879" enableBackground="new 0 0 109.773 122.879">
                    <path d="M82.42,73.514c5.941,0,11.33,2.418,15.232,6.305c3.903,3.904,6.306,9.277,6.306,15.234c0,4.346-1.296,8.406-3.509,11.787 l9.324,10.162l-6.432,5.877l-8.992-9.891c-3.413,2.275-7.521,3.602-11.93,3.602c-5.941,0-11.33-2.416-15.233-6.305 c-3.903-3.902-6.306-9.275-6.306-15.232c0-5.941,2.418-11.33,6.306-15.234C71.09,75.916,76.462,73.514,82.42,73.514L82.42,73.514z M28.849,79.506c-1.588,0-2.876-1.318-2.876-2.906c0-1.617,1.289-2.904,2.876-2.904h18.753c1.588,0,2.876,1.316,2.876,2.904 c0,1.619-1.288,2.906-2.876,2.906H28.849L28.849,79.506z M28.849,38.645c-1.588,0-2.876-1.288-2.876-2.876 c0-1.587,1.289-2.875,2.876-2.875h38.045c1.588,0,2.876,1.288,2.876,2.875c0,1.588-1.288,2.876-2.876,2.876H28.849L28.849,38.645z M51.455,106.588c1.588,0,2.876,1.287,2.876,2.875s-1.288,2.877-2.876,2.877H6.711c-1.857,0-3.535-0.75-4.733-1.979 C0.749,109.164,0,107.486,0,105.629V6.71c0-1.857,0.749-3.535,1.978-4.733C3.206,0.749,4.854,0,6.711,0h82.292 c1.857,0,3.535,0.749,4.733,1.978c1.228,1.228,1.977,2.875,1.977,4.733v58.372c0,1.588-1.288,2.877-2.876,2.877 c-1.587,0-2.876-1.289-2.876-2.877V6.71c0-0.27-0.119-0.479-0.27-0.659c-0.18-0.18-0.419-0.27-0.658-0.27H6.741 c-0.27,0-0.479,0.12-0.659,0.27c-0.18,0.18-0.27,0.419-0.27,0.659v98.918c0,0.27,0.12,0.479,0.27,0.658 c0.18,0.18,0.419,0.27,0.659,0.27h44.744L51.455,106.588L51.455,106.588z M28.849,59.075c-1.588,0-2.876-1.288-2.876-2.875 c0-1.588,1.289-2.876,2.876-2.876h38.045c1.588,0,2.876,1.288,2.876,2.876c0,1.587-1.288,2.875-2.876,2.875H28.849L28.849,59.075z M94.811,82.66c-3.17-3.17-7.556-5.139-12.391-5.139c-4.836,0-9.222,1.969-12.392,5.139c-3.171,3.172-5.14,7.557-5.14,12.393 c0,4.834,1.969,9.221,5.14,12.391c3.17,3.17,7.556,5.139,12.392,5.139c4.835,0,9.221-1.969,12.391-5.139 c3.171-3.17,5.14-7.557,5.14-12.391C99.95,90.217,97.981,85.832,94.811,82.66L94.811,82.66L94.811,82.66z" />
                </svg>
            </div>
        )
    }

    const getProductMaintenanceSvg = () => {
        return (
            <div className='productmaintenance-svg-icon'>
                <svg xmlns="http://www.w3.org/2000/svg" version="1.0" width="39" height="39" viewBox="85 4 3 180" preserveAspectRatio="xMidYMid meet">
                    <g transform="matrix(.1 0 0 -.1 0 178)">
                        <path fill="white" stroke="white" overlineThickness="100" d="M510 1606c-85 -45 -228 -119 -317 -165l-162 -83 93 -88c51 -49 102 -97 114 -107l22 -18 -117 -123C80 955 29 898 31 896c2 -1 67 -38 144 -81 77 -44 212 -121 300 -173 88 -51 162 -94 165 -95 6 -2 250 259 250 267 0 4 -8 10 -18 14 -9 4 -135 70 -280 146l-263 139 56 28c30 16 166 90 301 164l245 136 242 -135c133 -73 268 -147 300 -163l58 -30 -223 -119c-123 -65 -247 -131 -277 -146 -30 -16 -56 -30 -58 -32s16 -23 39 -47c24 -24 80 -84 126 -132l82 -88 97 54c54 31 191 107 305 170l206 114 -55 64c-31 35 -82 93 -113 129l-58 65 114 104 114 104 -324 168c-179 93 -329 169 -333 169 -4 -1 -62 -40 -128 -88l-120 -88 -117 88c-65 48 -123 87 -130 87 -7 -1 -83 -38 -168 -83zm289 -47 112 -81 -28 -17c-15 -9 -138 -77 -273 -151s-258 -147 -275 -162c-53 -48 -34 -65 240 -210 132 -70 241 -131 242 -135 3 -9 -152 -183 -174 -196 -9 -5 -97 40 -261 134 -136 78 -255 149 -264 158 -16 15 -11 23 68 111 47 52 89 104 94 115 12 30 -10 62 -96 143 -58 54 -75 75 -66 84 14 14 543 287 558 288 6 0 62 -37 123 -81zm664 -60c150 -78 277 -146 282 -151 6 -6 -19 -37 -72 -86 -90 -85 -105 -107 -93 -138 5 -12 45 -63 89 -115 45 -51 80 -100 79 -108 -3 -15 -493 -291 -518 -291 -20 0 -183 176 -178 192 2 6 110 69 239 138 267 144 286 161 234 208 -17 15 -153 94 -303 177 -150 82 -271 152 -270 156 5 12 212 158 226 159 7 0 135 -64 285 -141z" strokeWidth="50" />
                        <path fill="white" stroke="white" overlineThickness="100" d="M878 691c-5 -13 -212 -241 -219 -241S340 629 294 660c-16 11 -32 20 -35 20 -2 0 -3 -66 -2 -146l1 -147 29 -17c43 -26 586 -315 598 -318 7 -2 10 105 10 323 0 285 -3 352 -17 316zM469 512c86 -49 163 -91 172 -95 25 -8 69 23 133 97 32 36 62 66 67 66 11 0 12 -447 1 -454 -6 -3 -478 244 -530 277 -12 8 -18 197 -6 197 3 0 76 -40 163 -88z" strokeWidth="50" />
                        <path fill="white" stroke="white" overlineThickness="100" d="M965 375c0 -218 3 -325 10 -323 12 3 556 292 598 318l29 17 1 146 2 146 -30 -19c-104 -63 -361 -200 -371 -198 -6 2 -60 55 -119 118S975 696 971 698c-3 1 -6 -144 -6 -323zm593 123 -3 -93 -265 -141c-146 -78 -268 -140 -272 -137 -10 5 -11 453 -1 453 4 0 44 -36 89 -80s90 -80 100 -80c11 0 89 38 174 85s161 85 168 85c10 0 12 -22 10 -92z" strokeWidth="50" />
                    </g>
                </svg>
            </div>
        )
    }

    const getQAIcon = () => {
        return (
            <div className='qa-svg-icon'>
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                    <path fill="white" stroke="white" d="M313.4 32.9c26 5.2 42.9 30.5 37.7 56.5l-2.3 11.4c-5.3 26.7-15.1 52.1-28.8 75.2l144 0c26.5 0 48 21.5 48 48c0 18.5-10.5 34.6-25.9 42.6C497 275.4 504 288.9 504 304c0 23.4-16.8 42.9-38.9 47.1c4.4 7.3 6.9 15.8 6.9 24.9c0 21.3-13.9 39.4-33.1 45.6c.7 3.3 1.1 6.8 1.1 10.4c0 26.5-21.5 48-48 48l-97.5 0c-19 0-37.5-5.6-53.3-16.1l-38.5-25.7C176 420.4 160 390.4 160 358.3l0-38.3 0-48 0-24.9c0-29.2 13.3-56.7 36-75l7.4-5.9c26.5-21.2 44.6-51 51.2-84.2l2.3-11.4c5.2-26 30.5-42.9 56.5-37.7zM32 192l64 0c17.7 0 32 14.3 32 32l0 224c0 17.7-14.3 32-32 32l-64 0c-17.7 0-32-14.3-32-32L0 224c0-17.7 14.3-32 32-32z" />
                </svg>
            </div>
        )
    }

    const getMappingIcon = () => {
        return (
            <div className='map-svg-icon'>
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512">
                    <path fill="white" stroke="white" d="M408 120c0 54.6-73.1 151.9-105.2 192c-7.7 9.6-22 9.6-29.6 0C241.1 271.9 168 174.6 168 120C168 53.7 221.7 0 288 0s120 53.7 120 120zm8 80.4c3.5-6.9 6.7-13.8 9.6-20.6c.5-1.2 1-2.5 1.5-3.7l116-46.4C558.9 123.4 576 135 576 152l0 270.8c0 9.8-6 18.6-15.1 22.3L416 503l0-302.6zM137.6 138.3c2.4 14.1 7.2 28.3 12.8 41.5c2.9 6.8 6.1 13.7 9.6 20.6l0 251.4L32.9 502.7C17.1 509 0 497.4 0 480.4L0 209.6c0-9.8 6-18.6 15.1-22.3l122.6-49zM327.8 332c13.9-17.4 35.7-45.7 56.2-77l0 249.3L192 449.4 192 255c20.5 31.3 42.3 59.6 56.2 77c20.5 25.6 59.1 25.6 79.6 0zM288 152a40 40 0 1 0 0-80 40 40 0 1 0 0 80z" />
                </svg>
            </div>
        )
    }
    var content;
    switch (type) {
        case 'archive':
            content = getDashboardSvg();
            break;
        case 'tasks':
            content = getClassificationSvg();
            break;
        case 'folder-open':
            content = getAttributeManagementSvg();
            break;
        case 'tags':
            content = getRatesManagementSvg();
            break;
        case 'file':
            content = getTemplateSvg();
            break;
        case 'users':
            content = getUserSvg();
            break;
        case 'cog':
            content = getAdminSvg();
            break;
        case 'chart-line':
            content = getAttributionSvg();
            break;
        case 'productmaintenance':
            content = getProductMaintenanceSvg();
            break;
        case 'Creativeassignment':
            content = getCreativeAssignmentSvg();
            break;
        case 'evaluation':
            content = getEvaluationSvg();
            break;
        case 'classificationmediaagnostic':
            content = getClassificationSvg();
            break;
        case 'componentprogramming':
            content = getComponentCodingIcon();
            break;
        case 'qa-nav':
            content = getQAIcon();
            break;
        case 'map-nav':
            content = getMappingIcon();
            break;
        default:
            content = getDefaultSvg();

    }
    return content;
}
export default CustomIcons;





