const icons = {
    'check': <svg width="11" height="12" viewBox="0 0 11 12" fill="none" xmlns="http://www.w3.org/2000/svg">
        <path d="M5.5 11.5C8.53759 11.5 11 9.03759 11 6C11 2.96244 8.53759 0.5 5.5 0.5C2.46244 0.5 0 2.96244 0 6C0 9.03759 2.46244 11.5 5.5 11.5ZM7.65741 3.84258C7.8364 4.02156 7.8364 4.31177 7.65741 4.49076L6.14821 6L7.65741 7.50926C7.8364 7.68826 7.8364 7.97841 7.65741 8.15741C7.47841 8.3364 7.18826 8.3364 7.00926 8.15741L5.5 6.64821L3.99076 8.15741C3.81177 8.3364 3.52156 8.3364 3.34258 8.15741C3.16359 7.97841 3.16359 7.68826 3.34258 7.50926L4.85179 6L3.34258 4.49076C3.16359 4.31177 3.16359 4.02156 3.34258 3.84258C3.52156 3.66359 3.81177 3.66359 3.99076 3.84258L5.5 5.35179L7.00926 3.84258C7.18826 3.66359 7.47841 3.66359 7.65741 3.84258Z" fill="#3FB28F"/>
        <rect x="1.8335" y="2.33264" width="6.11111" height="6.72222" fill="#3FB28F"/>
        <path d="M7.59229 4.04529L8.03076 4.35681L8.15967 4.44763L8.06201 4.57166L5.43018 7.92615L5.34131 8.03943L5.22412 7.95642L3.57959 6.77966L3.45068 6.68787L3.54932 6.56482L3.87842 6.14978L3.96631 6.03748L4.08252 6.12048L5.17236 6.90173L7.38721 4.07458L7.47607 3.96228L7.59229 4.04529Z" fill="white" stroke="white" strokeWidth="0.3"/>
    </svg>,
    'external-link': <svg width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg">
        <path d="M11.4375 0.5H8.25C7.94531 0.5 7.66406 0.6875 7.54688 0.992188C7.42969 1.27344 7.5 1.60156 7.71094 1.8125L8.67188 2.77344L4.14844 7.29688C3.84375 7.57812 3.84375 8.07031 4.14844 8.35156C4.28906 8.49219 4.47656 8.5625 4.6875 8.5625C4.875 8.5625 5.0625 8.49219 5.20312 8.35156L9.72656 3.82812L10.6875 4.78906C10.8281 4.92969 11.0156 5 11.2266 5C11.3203 5 11.4141 5 11.5078 4.95312C11.8125 4.83594 12 4.55469 12 4.25V1.0625C12 0.757812 11.7422 0.5 11.4375 0.5ZM9.1875 8C8.85938 8 8.625 8.25781 8.625 8.5625V11.1875C8.625 11.3047 8.53125 11.375 8.4375 11.375H1.3125C1.19531 11.375 1.125 11.3047 1.125 11.1875V4.0625C1.125 3.96875 1.19531 3.875 1.3125 3.875H3.9375C4.24219 3.875 4.5 3.64062 4.5 3.3125C4.5 3.00781 4.24219 2.75 3.9375 2.75H1.3125C0.585938 2.75 0 3.35938 0 4.0625V11.1875C0 11.9141 0.585938 12.5 1.3125 12.5H8.4375C9.14062 12.5 9.75 11.9141 9.75 11.1875V8.5625C9.75 8.25781 9.49219 8 9.1875 8Z" fill="#3858E9"/>
    </svg>,       
    'docs': <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
        <path d="M3 8.4C3 5.3832 3 3.8744 3.9376 2.9376C4.8744 2 6.3832 2 9.4 2H11C14.0168 2 15.5256 2 16.4624 2.9376C17.4 3.8744 17.4 5.3832 17.4 8.4V11.6C17.4 14.6168 17.4 16.1256 16.4624 17.0624C15.5256 18 14.0168 18 11 18H9.4C6.3832 18 4.8744 18 3.9376 17.0624C3 16.1256 3 14.6168 3 11.6V8.4Z" stroke="#5C5F62" strokeWidth="1.5"/>
        <path d="M7 8.39929H13.4M7 11.5993H11" stroke="#5C5F62" strokeWidth="1.5" strokeLinecap="round"/>
    </svg>,
    'cog': <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
        <path d="M11.9277 6C15.2414 6 17.9277 8.68629 17.9277 12C17.9277 15.3137 15.2414 18 11.9277 18C8.61403 18 5.92773 15.3137 5.92773 12C5.92773 8.68629 8.61403 6 11.9277 6ZM11.9277 9C10.2709 9 8.92773 10.3431 8.92773 12C8.92773 13.6569 10.2709 15 11.9277 15C13.5846 15 14.9277 13.6569 14.9277 12C14.9277 10.3431 13.5846 9 11.9277 9Z" fill="#101517"/>
        <path d="M13.5674 19.1641C13.487 19.6461 13.0697 19.9998 12.5811 20H11.2744C10.7858 19.9998 10.3684 19.6461 10.2881 19.1641L9.92773 17H13.9277L13.5674 19.1641ZM12.5811 4C13.0697 4.00022 13.487 4.3539 13.5674 4.83594L13.9277 7H9.92773L10.2881 4.83594C10.3684 4.3539 10.7858 4.00022 11.2744 4H12.5811Z" fill="#101517"/>
        <path d="M6.54367 17.0016C6.08596 17.1731 5.57102 16.9887 5.32657 16.5654L4.67374 15.4347C4.42932 15.0113 4.52711 14.4732 4.90451 14.1625L6.59798 12.7676L8.59798 16.2317L6.54367 17.0016ZM19.1821 8.56591C19.4263 8.9892 19.3286 9.52747 18.9513 9.83806L17.2574 11.2322L15.2574 7.76807L17.3117 6.99811C17.7693 6.82666 18.2843 7.01125 18.5288 7.43433L19.1821 8.56591Z" fill="#101517"/>
        <path d="M18.9523 14.1633C19.3294 14.474 19.4265 15.0117 19.1822 15.4349L18.5294 16.5657C18.285 16.9889 17.7708 17.1736 17.3131 17.0024L15.2575 16.2328L17.2575 12.7687L18.9523 14.1633ZM5.32715 7.43459C5.57166 7.01152 6.08663 6.82693 6.54426 6.99837L8.59856 7.76833L6.59856 11.2324L4.90461 9.83833C4.52732 9.52773 4.42969 8.98946 4.67383 8.56617L5.32715 7.43459Z" fill="#101517"/>
    </svg>,
    'performance': <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
        <path d="M14.1109 6.79335L15.5547 7.62693L12.9157 13.0315L10.75 11.7811L14.1109 6.79335Z" fill="#101517"/>
        <path d="M12 3.5C16.6944 3.5 20.5 7.30558 20.5 12C20.5 14.3472 19.5489 16.4725 18.0107 18.0107L16.9502 16.9502C18.2169 15.6834 19 13.933 19 12C19 8.13401 15.866 5 12 5C8.13401 5 5 8.13401 5 12C5 13.933 5.78305 15.6834 7.0498 16.9502L5.98926 18.0107C4.45106 16.4725 3.5 14.3472 3.5 12C3.5 7.30558 7.30558 3.5 12 3.5Z" fill="#101517"/>
    </svg>,
    'loudspeaker': <svg width="10" height="8" viewBox="0 0 10 8" fill="none" xmlns="http://www.w3.org/2000/svg">
        <path d="M8.86194 0.131242C8.75503 0.0584347 8.63276 0.0143876 8.50589 0.0029728C8.37902 -0.00844195 8.25143 0.0131252 8.13433 0.0657785L4.29726 1.65655C4.20642 1.69547 4.10927 1.71548 4.01119 1.71547H1.55473C1.34856 1.71547 1.15083 1.80168 1.00505 1.95514C0.859264 2.1086 0.777363 2.31674 0.777363 2.53377V2.59923H0V4.56315H0.777363V4.64825C0.782235 4.86185 0.866281 5.06498 1.01154 5.21422C1.1568 5.36346 1.35175 5.44697 1.55473 5.44691L2.48756 7.52866C2.55073 7.66885 2.65017 7.78744 2.77448 7.87081C2.89878 7.95418 3.04291 7.99896 3.1903 8H3.58209C3.78718 7.99827 3.98331 7.9113 4.12775 7.75802C4.27219 7.60475 4.35324 7.3976 4.35323 7.1817V5.52547L8.13433 7.11624C8.22733 7.1552 8.32652 7.17519 8.42662 7.17515C8.58191 7.17252 8.73314 7.12249 8.86194 7.03114C8.96423 6.95843 9.0486 6.86114 9.10808 6.7473C9.16755 6.63347 9.20043 6.50636 9.20398 6.3765V0.80552C9.20341 0.672312 9.17196 0.541263 9.11235 0.423757C9.05274 0.30625 8.96678 0.205839 8.86194 0.131242ZM3.57587 2.53377V4.64825H1.55473V2.53377H3.57587ZM3.57587 7.1817H3.18408L2.41915 5.44691H3.57587V7.1817ZM4.58333 4.74645C4.5095 4.70672 4.4325 4.67387 4.35323 4.64825V2.48794C4.43174 2.47089 4.50872 2.4468 4.58333 2.41593L8.42662 0.80552V6.35686L4.58333 4.74645ZM9.22264 2.76289V4.39949C9.42881 4.39949 9.62653 4.31327 9.77232 4.15981C9.9181 4.00635 10 3.79821 10 3.58119C10 3.36416 9.9181 3.15602 9.77232 3.00256C9.62653 2.8491 9.42881 2.76289 9.22264 2.76289Z" fill="#1E1E1E"/>
    </svg>
    
};

const CustomIcon = (props) => {
    const { icon } = props;

    return icons[ icon ];
};

export { CustomIcon };