"use client";

import * as React from "react";

export const IconArrow = (props: React.SVGProps<SVGSVGElement>) => (
  <svg
    viewBox="0 0 10 10"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
    {...props}
  >
    <path d="M1 9.16683L9.33334 0.833496" stroke="white" />
    <path d="M1 0.833496H9.33334V9.16683" stroke="white" />
  </svg>
);

export const IconAnchorArrow = (props: React.SVGProps<SVGSVGElement>) => (
  <svg
    viewBox="0 0 20 20"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
    {...props}
  >
    <g clipPath="url(#clip0_4823_11313)">
      <g clipPath="url(#clip1_4823_11313)">
        <mask id="path-1-inside-1_4823_11313" fill="currentColor">
          <path d="M15.2652 4.81288L15.2652 13.1389H14.5013L14.5012 6.11696L5.16051 15.4577L4.62036 14.9175L13.9611 5.57676L6.93916 5.57675L6.93915 4.81286L15.2652 4.81288Z" />
        </mask>
        <path
          d="M15.2652 4.81288L15.2652 13.1389H14.5013L14.5012 6.11696L5.16051 15.4577L4.62036 14.9175L13.9611 5.57676L6.93916 5.57675L6.93915 4.81286L15.2652 4.81288Z"
          fill="currentColor"
        />
        <path
          d="M15.2652 4.81288L17.2652 4.81288L17.2652 2.81288L15.2652 2.81288L15.2652 4.81288ZM15.2652 13.1389L15.2652 15.1389H17.2652V13.1389L15.2652 13.1389ZM14.5013 13.1389L12.5013 13.1389L12.5013 15.1389H14.5013L14.5013 13.1389ZM14.5012 6.11696L16.5012 6.11695L16.5012 1.28857L13.087 4.70275L14.5012 6.11696ZM5.16051 15.4577L3.74629 16.8719L5.16051 18.2861L6.57472 16.8719L5.16051 15.4577ZM4.62036 14.9175L3.20614 13.5033L1.79193 14.9175L3.20614 16.3317L4.62036 14.9175ZM13.9611 5.57676L15.3753 6.99097L18.7896 3.57677L13.9611 3.57676L13.9611 5.57676ZM6.93916 5.57675L4.93916 5.57676L4.93917 7.57674L6.93916 7.57675L6.93916 5.57675ZM6.93915 4.81286L6.93916 2.81286L4.93914 2.81286L4.93915 4.81288L6.93915 4.81286ZM13.2652 4.81288L13.2652 13.1389L17.2652 13.1389L17.2652 4.81288L13.2652 4.81288ZM15.2652 11.1389H14.5013V15.1389H15.2652V11.1389ZM16.5013 13.1389L16.5012 6.11695L12.5012 6.11698L12.5013 13.1389L16.5013 13.1389ZM13.087 4.70275L3.74629 14.0435L6.57472 16.8719L15.9154 7.53118L13.087 4.70275ZM6.57472 14.0435L6.03457 13.5033L3.20614 16.3317L3.74629 16.8719L6.57472 14.0435ZM6.03457 16.3317L15.3753 6.99097L12.5469 4.16255L3.20614 13.5033L6.03457 16.3317ZM13.9611 3.57676L6.93916 3.57675L6.93916 7.57675L13.9611 7.57676L13.9611 3.57676ZM8.93916 5.57673L8.93915 4.81285L4.93915 4.81288L4.93916 5.57676L8.93916 5.57673ZM6.93915 6.81286L15.2652 6.81288L15.2652 2.81288L6.93916 2.81286L6.93915 6.81286Z"
          fill="currentColor"
          mask="url(#path-1-inside-1_4823_11313)"
        />
      </g>
    </g>
    <defs>
      <clipPath id="clip0_4823_11313">
        <rect width="20" height="20" fill="currentColor" />
      </clipPath>
      <clipPath id="clip1_4823_11313">
        <rect
          width="18.3333"
          height="18.3333"
          fill="currentColor"
          transform="translate(0.832031 0.833496)"
        />
      </clipPath>
    </defs>
  </svg>
);

export const IconGraphRAG = (props: React.SVGProps<SVGSVGElement>) => (
  <svg
    viewBox="0 0 61 45"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
    {...props}
  >
    <path
      d="M9.86816 22.7253L18.2923 7.65063L33.8103 21.3952"
      stroke="white"
      strokeWidth="2"
      strokeLinecap="round"
      strokeLinejoin="round"
    />
    <path
      d="M7.31385 34.9097C10.8009 34.9097 13.6277 32.0829 13.6277 28.5958C13.6277 25.1088 10.8009 22.282 7.31385 22.282C3.82681 22.282 1 25.1088 1 28.5958C1 32.0829 3.82681 34.9097 7.31385 34.9097Z"
      stroke="white"
      strokeWidth="2"
      strokeLinecap="round"
      strokeLinejoin="round"
    />
    <path
      d="M17.9545 13.6277C21.4415 13.6277 24.2683 10.8009 24.2683 7.31385C24.2683 3.82681 21.4415 1 17.9545 1C14.4674 1 11.6406 3.82681 11.6406 7.31385C11.6406 10.8009 14.4674 13.6277 17.9545 13.6277Z"
      stroke="white"
      strokeWidth="2"
      strokeLinecap="round"
      strokeLinejoin="round"
    />
    <path
      d="M39.1166 31.9146C42.6036 31.9146 45.4304 29.0878 45.4304 25.6007C45.4304 22.1137 42.6036 19.2869 39.1166 19.2869C35.6295 19.2869 32.8027 22.1137 32.8027 25.6007C32.8027 29.0878 35.6295 31.9146 39.1166 31.9146Z"
      stroke="white"
      strokeWidth="2"
      strokeLinecap="round"
      strokeLinejoin="round"
    />
    <path
      d="M39.6331 39.8629C47.1613 39.8629 53.2642 33.7345 53.2642 26.1747C53.2642 18.615 47.1613 12.4866 39.6331 12.4866C32.1048 12.4866 26.002 18.615 26.002 26.1747C26.002 33.7345 32.1048 39.8629 39.6331 39.8629Z"
      stroke="white"
      strokeWidth="2"
      strokeLinecap="round"
      strokeLinejoin="round"
    />
    <path
      d="M50.0068 34.9792L59.999 43.5635"
      stroke="white"
      strokeWidth="2"
      strokeLinecap="round"
      strokeLinejoin="round"
    />
  </svg>
);

export const IconSemantic = (props: React.SVGProps<SVGSVGElement>) => (
  <svg
    viewBox="0 0 58 45"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
    {...props}
  >
    <path
      d="M22.033 37.1835C29.7832 37.1835 36.066 30.8744 36.066 23.0917C36.066 15.3091 29.7832 9 22.033 9C14.2828 9 8 15.3091 8 23.0917C8 30.8744 14.2828 37.1835 22.033 37.1835Z"
      stroke="white"
      strokeWidth="2"
      strokeLinecap="round"
      strokeLinejoin="round"
    />
    <path
      d="M32.7129 32.1558L42.9997 40.9931"
      stroke="white"
      strokeWidth="2"
      strokeLinecap="round"
      strokeLinejoin="round"
    />
    <path
      d="M23.0833 1C35.2796 1 45.1667 10.887 45.1667 23.0833C45.1667 35.2796 35.2796 45.1667 23.0833 45.1667C17.1049 45.1667 11.6814 42.7911 7.70516 38.9322C3.56976 34.9189 1 29.3012 1 23.0833C1 17.1568 3.33457 11.7756 7.13426 7.80907"
      stroke="white"
      strokeWidth="2"
      strokeLinecap="round"
      strokeLinejoin="round"
    />
    <path
      d="M7.13379 7.80933L23.0829 23.0836L7.70469 38.9324"
      stroke="white"
      strokeWidth="2"
      strokeLinecap="round"
      strokeLinejoin="round"
    />
  </svg>
);

export const IconImageSearch = (props: React.SVGProps<SVGSVGElement>) => (
  <svg
    viewBox="0 0 58 45"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
    {...props}
  >
    <path
      d="M4.07617 32.459L13.3339 23.937C13.9804 23.3431 14.9654 23.3252 15.6313 23.8979L26.587 33.3278"
      stroke="white"
      strokeWidth="2"
      strokeLinecap="round"
      strokeLinejoin="round"
    />
    <path
      d="M23.123 28.9804L27.2561 24.83C27.8653 24.2182 28.8293 24.1499 29.5195 24.6689L35.2437 28.9804"
      stroke="white"
      strokeWidth="2"
      strokeLinecap="round"
      strokeLinejoin="round"
    />
    <path
      d="M32.795 17.4063C37.3066 17.4063 40.9639 13.7337 40.9639 9.20317C40.9639 4.67268 37.3066 1 32.795 1C28.2834 1 24.626 4.67268 24.626 9.20317C24.626 13.7337 28.2834 17.4063 32.795 17.4063Z"
      stroke="white"
      strokeWidth="2"
      strokeLinecap="round"
      strokeLinejoin="round"
    />
    <path
      d="M39.0127 14.4795L45.0009 19.624"
      stroke="white"
      strokeWidth="2"
      strokeLinecap="round"
      strokeLinejoin="round"
    />
    <path
      d="M18.4856 9.0105H1V43.6455H39.3339V21.4522"
      stroke="white"
      strokeWidth="2"
      strokeLinecap="round"
    />
  </svg>
);

export const IconComma = (props: React.SVGProps<SVGSVGElement>) => (
  <svg
    viewBox="0 0 58 45"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
    {...props}
  >
    <path
      d="M57.6373 32.8398C57.6373 32.4732 57.6907 32.076 57.6907 31.74C57.6979 29.7397 57.2297 27.7664 56.3246 25.9826C55.4195 24.1988 54.1036 22.6556 52.4851 21.4802C50.8666 20.3047 48.992 19.5307 47.0157 19.2219C45.0394 18.913 43.018 19.0782 41.1181 19.7039C43.3634 14.0753 49.6412 6.53741 53.307 3.15415L50.4049 1.21101e-05C41.6451 7.32404 32.4958 19.0929 32.3965 31.6331L32.3965 31.8317C32.3965 32.2822 32.3965 32.7328 32.45 33.1758C32.7993 36.2621 34.2728 39.1118 36.5893 41.1809C38.9059 43.2501 41.9032 44.3938 45.0092 44.3938C48.1153 44.3938 51.1126 43.2501 53.4291 41.1809C55.7457 39.1118 57.2192 36.2621 57.5685 33.1758L57.6525 33.1758C57.6831 33.0536 57.6525 32.9467 57.6373 32.8398Z"
      fill="currentColor"
    />
    <path
      d="M25.2408 32.8397C25.2408 32.4732 25.2942 32.076 25.2942 31.74C25.3014 29.7397 24.8332 27.7664 23.9281 25.9826C23.0231 24.1988 21.7071 22.6556 20.0886 21.4801C18.4701 20.3047 16.5955 19.5307 14.6192 19.2218C12.6429 18.913 10.6215 19.0782 8.72163 19.7039C10.9669 14.0753 17.2065 6.5374 20.9411 3.15415L18.0237 4.47804e-06C9.25623 7.32403 0.0992863 19.0929 5.5309e-06 31.6331C5.5309e-06 31.6331 5.54158e-06 31.6942 5.54693e-06 31.7247L5.56562e-06 31.8316C5.6444e-06 32.2822 5.72319e-06 32.7328 0.061103 33.1758C0.410429 36.2621 1.88397 39.1118 4.2005 41.1809C6.51703 43.2501 9.51434 44.3938 12.6204 44.3938C15.7265 44.3938 18.7238 43.2501 21.0403 41.1809C23.3568 39.1118 24.8304 36.2621 25.1797 33.1758L25.2637 33.1758C25.2866 33.0536 25.2561 32.9467 25.2408 32.8397Z"
      fill="currentColor"
    />
  </svg>
);

export const IconCompliant = (props: React.SVGProps<SVGSVGElement>) => (
  <svg
    viewBox="0 0 56 56"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
    {...props}
  >
    <rect x="7" y="7" width="42" height="42" stroke="white" strokeWidth="2" />
    <path
      d="M20.2129 40.4253L27.2629 25.5419"
      stroke="white"
      strokeWidth="2"
      strokeLinecap="round"
      strokeLinejoin="round"
    />
    <path
      d="M35.8791 40.4253L28.8291 25.5419"
      stroke="white"
      strokeWidth="2"
      strokeLinecap="round"
      strokeLinejoin="round"
    />
    <path
      d="M28.0466 25.5419C30.2097 25.5419 31.9633 23.7883 31.9633 21.6252C31.9633 19.4621 30.2097 17.7085 28.0466 17.7085C25.8834 17.7085 24.1299 19.4621 24.1299 21.6252C24.1299 23.7883 25.8834 25.5419 28.0466 25.5419Z"
      stroke="white"
      strokeWidth="2"
      strokeLinecap="round"
      strokeLinejoin="round"
    />
    <path
      d="M36.9998 33.3492C34.4697 34.9876 31.4533 35.9388 28.2147 35.9388C24.9762 35.9388 21.9598 34.9876 19.4297 33.3492"
      stroke="white"
      strokeWidth="2"
      strokeLinecap="round"
      strokeLinejoin="round"
    />
    <path
      d="M28.2148 17.1647V14.5752"
      stroke="white"
      strokeWidth="2"
      strokeLinecap="round"
      strokeLinejoin="round"
    />
  </svg>
);

export const IconSecure = (props: React.SVGProps<SVGSVGElement>) => (
  <svg
    viewBox="0 0 56 56"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
    {...props}
  >
    <rect x="7" y="7" width="42" height="42" stroke="white" strokeWidth="2" />
    <path
      d="M17.6836 19.5128L28.0054 16.5005L38.3173 19.5128V25.6903C38.3173 32.1833 34.162 37.9477 28.0019 40.0002C21.8402 37.9478 17.6836 32.1821 17.6836 25.6875V19.5128Z"
      stroke="white"
      strokeWidth="2"
      strokeLinejoin="round"
    />
    <path
      d="M27.9717 23.3492V32.5198"
      stroke="white"
      strokeWidth="2"
      strokeLinecap="round"
      strokeLinejoin="round"
    />
    <path
      d="M23.3857 27.9346H32.5563"
      stroke="white"
      strokeWidth="2"
      strokeLinecap="round"
      strokeLinejoin="round"
    />
  </svg>
);

export const IconHightAvailable = (props: React.SVGProps<SVGSVGElement>) => (
  <svg
    viewBox="0 0 56 56"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
    {...props}
  >
    <path
      d="M15 18.7142C15.4 18.7142 32.5 18.7142 41 18.7142"
      stroke="white"
      strokeWidth="2"
      strokeLinecap="square"
      strokeLinejoin="round"
    />
    <path
      d="M15 28C15.4 28 32.5 28 41 28"
      stroke="white"
      strokeWidth="2"
      strokeLinecap="square"
      strokeLinejoin="round"
    />
    <path
      d="M15 37.2858C15.4 37.2858 32.5 37.2858 41 37.2858"
      stroke="white"
      strokeWidth="2"
      strokeLinecap="square"
      strokeLinejoin="round"
    />
    <circle
      cx="32.643"
      cy="18.7143"
      r="3.71429"
      fill="#06111A"
      stroke="white"
      strokeWidth="2"
    />
    <circle
      cx="20.5717"
      cy="28.0001"
      r="3.71429"
      fill="#06111A"
      stroke="white"
      strokeWidth="2"
    />
    <circle
      cx="28.0004"
      cy="37.2857"
      r="3.71429"
      fill="#06111A"
      stroke="white"
      strokeWidth="2"
    />
    <rect x="7" y="7" width="42" height="42" stroke="white" strokeWidth="2" />
  </svg>
);

export const IconSearch = (props: React.SVGProps<SVGSVGElement>) => (
  <svg
    xmlns="http://www.w3.org/2000/svg"
    width="1em"
    height="1em"
    viewBox="0 0 24 24"
    fill="none"
    {...props}
  >
    <path
      d="M17.5 17.5L22 22"
      stroke="currentColor"
      strokeWidth="1.5"
      strokeLinecap="round"
      strokeLinejoin="round"
    ></path>
    <path
      d="M20 11C20 6.02944 15.9706 2 11 2C6.02944 2 2 6.02944 2 11C2 15.9706 6.02944 20 11 20C15.9706 20 20 15.9706 20 11Z"
      stroke="currentColor"
      strokeWidth="1.5"
      strokeLinejoin="round"
    ></path>
  </svg>
);

export const IconFilter = (props: React.SVGProps<SVGSVGElement>) => (
  <svg
    xmlns="http://www.w3.org/2000/svg"
    width="1em"
    height="1em"
    viewBox="0 0 24 24"
    fill="none"
    {...props}
  >
    <path
      d="M8.85746 12.5061C6.36901 10.6456 4.59564 8.59915 3.62734 7.44867C3.3276 7.09253 3.22938 6.8319 3.17033 6.3728C2.96811 4.8008 2.86701 4.0148 3.32795 3.5074C3.7889 3 4.60404 3 6.23433 3H17.7657C19.396 3 20.2111 3 20.672 3.5074C21.133 4.0148 21.0319 4.8008 20.8297 6.37281C20.7706 6.83191 20.6724 7.09254 20.3726 7.44867C19.403 8.60062 17.6261 10.6507 15.1326 12.5135C14.907 12.6821 14.7583 12.9567 14.7307 13.2614C14.4837 15.992 14.2559 17.4876 14.1141 18.2442C13.8853 19.4657 12.1532 20.2006 11.226 20.8563C10.6741 21.2466 10.0043 20.782 9.93278 20.1778C9.79643 19.0261 9.53961 16.6864 9.25927 13.2614C9.23409 12.9539 9.08486 12.6761 8.85746 12.5061Z"
      stroke="currentColor"
      strokeWidth="1.5"
      strokeLinecap="round"
      strokeLinejoin="round"
    ></path>
    <path
      d="M11.226 20.8563C10.6741 21.2466 10.0043 20.782 9.93278 20.1778C9.79643 19.0261 9.53961 16.6864 9.25927 13.2614C9.23409 12.9539 9.08486 12.6761 8.85746 12.5061C6.36901 10.6456 4.59564 8.59915 3.62734 7.44867C3.3276 7.09253 3.22938 6.8319 3.17033 6.3728C2.96811 4.8008 2.86701 4.0148 3.32795 3.5074C3.7889 3 4.60404 3 6.23433 3H12"
      stroke="currentColor"
      strokeWidth="1.5"
      strokeLinecap="round"
      strokeLinejoin="round"
    ></path>
  </svg>
);

export const IconGraph = (props: React.SVGProps<SVGSVGElement>) => (
  <svg
    width="20"
    height="20"
    viewBox="0 0 24 24"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
    {...props}
  >
    <mask id="path-1-inside-1_5159_12893" fill="currentColor">
      <path d="M12 1.2C12.996 1.2 13.8 2.004 13.8 3C13.8 3.996 12.996 4.8 12 4.8C11.004 4.8 10.2 3.996 10.2 3C10.2 2.004 11.004 1.2 12 1.2ZM12 0C10.344 0 9 1.344 9 3C9 4.656 10.344 6 12 6C13.656 6 15 4.656 15 3C15 1.344 13.656 0 12 0Z" />
    </mask>
    <path
      d="M12 1.2C12.996 1.2 13.8 2.004 13.8 3C13.8 3.996 12.996 4.8 12 4.8C11.004 4.8 10.2 3.996 10.2 3C10.2 2.004 11.004 1.2 12 1.2ZM12 0C10.344 0 9 1.344 9 3C9 4.656 10.344 6 12 6C13.656 6 15 4.656 15 3C15 1.344 13.656 0 12 0Z"
      fill="currentColor"
    />
    <path
      d="M12 2.7C12.1676 2.7 12.3 2.83243 12.3 3H15.3C15.3 1.17557 13.8244 -0.3 12 -0.3V2.7ZM12.3 3C12.3 3.16757 12.1676 3.3 12 3.3V6.3C13.8244 6.3 15.3 4.82443 15.3 3H12.3ZM12 3.3C11.8324 3.3 11.7 3.16757 11.7 3H8.7C8.7 4.82443 10.1756 6.3 12 6.3V3.3ZM11.7 3C11.7 2.83243 11.8324 2.7 12 2.7V-0.3C10.1756 -0.3 8.7 1.17557 8.7 3H11.7ZM12 -1.5C9.51557 -1.5 7.5 0.515573 7.5 3H10.5C10.5 2.17243 11.1724 1.5 12 1.5V-1.5ZM7.5 3C7.5 5.48443 9.51557 7.5 12 7.5V4.5C11.1724 4.5 10.5 3.82757 10.5 3H7.5ZM12 7.5C14.4844 7.5 16.5 5.48443 16.5 3H13.5C13.5 3.82757 12.8276 4.5 12 4.5V7.5ZM16.5 3C16.5 0.515573 14.4844 -1.5 12 -1.5V1.5C12.8276 1.5 13.5 2.17243 13.5 3H16.5Z"
      fill="currentColor"
      mask="url(#path-1-inside-1_5159_12893)"
    />
    <mask id="path-3-inside-2_5159_12893" fill="currentColor">
      <path d="M12 19.2C12.996 19.2 13.8 20.004 13.8 21C13.8 21.996 12.996 22.8 12 22.8C11.004 22.8 10.2 21.996 10.2 21C10.2 20.004 11.004 19.2 12 19.2ZM12 18C10.344 18 9 19.344 9 21C9 22.656 10.344 24 12 24C13.656 24 15 22.656 15 21C15 19.344 13.656 18 12 18Z" />
    </mask>
    <path
      d="M12 19.2C12.996 19.2 13.8 20.004 13.8 21C13.8 21.996 12.996 22.8 12 22.8C11.004 22.8 10.2 21.996 10.2 21C10.2 20.004 11.004 19.2 12 19.2ZM12 18C10.344 18 9 19.344 9 21C9 22.656 10.344 24 12 24C13.656 24 15 22.656 15 21C15 19.344 13.656 18 12 18Z"
      fill="currentColor"
    />
    <path
      d="M12 20.7C12.1676 20.7 12.3 20.8324 12.3 21H15.3C15.3 19.1756 13.8244 17.7 12 17.7V20.7ZM12.3 21C12.3 21.1676 12.1676 21.3 12 21.3V24.3C13.8244 24.3 15.3 22.8244 15.3 21H12.3ZM12 21.3C11.8324 21.3 11.7 21.1676 11.7 21H8.7C8.7 22.8244 10.1756 24.3 12 24.3V21.3ZM11.7 21C11.7 20.8324 11.8324 20.7 12 20.7V17.7C10.1756 17.7 8.7 19.1756 8.7 21H11.7ZM12 16.5C9.51557 16.5 7.5 18.5156 7.5 21H10.5C10.5 20.1724 11.1724 19.5 12 19.5V16.5ZM7.5 21C7.5 23.4844 9.51557 25.5 12 25.5V22.5C11.1724 22.5 10.5 21.8276 10.5 21H7.5ZM12 25.5C14.4844 25.5 16.5 23.4844 16.5 21H13.5C13.5 21.8276 12.8276 22.5 12 22.5V25.5ZM16.5 21C16.5 18.5156 14.4844 16.5 12 16.5V19.5C12.8276 19.5 13.5 20.1724 13.5 21H16.5Z"
      fill="currentColor"
      mask="url(#path-3-inside-2_5159_12893)"
    />
    <mask id="path-5-inside-3_5159_12893" fill="currentColor">
      <path d="M12 10.2C12.996 10.2 13.8 11.004 13.8 12C13.8 12.996 12.996 13.8 12 13.8C11.004 13.8 10.2 12.996 10.2 12C10.2 11.004 11.004 10.2 12 10.2ZM12 9C10.344 9 9 10.344 9 12C9 13.656 10.344 15 12 15C13.656 15 15 13.656 15 12C15 10.344 13.656 9 12 9Z" />
    </mask>
    <path
      d="M12 10.2C12.996 10.2 13.8 11.004 13.8 12C13.8 12.996 12.996 13.8 12 13.8C11.004 13.8 10.2 12.996 10.2 12C10.2 11.004 11.004 10.2 12 10.2ZM12 9C10.344 9 9 10.344 9 12C9 13.656 10.344 15 12 15C13.656 15 15 13.656 15 12C15 10.344 13.656 9 12 9Z"
      fill="currentColor"
    />
    <path
      d="M12 11.7C12.1676 11.7 12.3 11.8324 12.3 12H15.3C15.3 10.1756 13.8244 8.7 12 8.7V11.7ZM12.3 12C12.3 12.1676 12.1676 12.3 12 12.3V15.3C13.8244 15.3 15.3 13.8244 15.3 12H12.3ZM12 12.3C11.8324 12.3 11.7 12.1676 11.7 12H8.7C8.7 13.8244 10.1756 15.3 12 15.3V12.3ZM11.7 12C11.7 11.8324 11.8324 11.7 12 11.7V8.7C10.1756 8.7 8.7 10.1756 8.7 12H11.7ZM12 7.5C9.51557 7.5 7.5 9.51557 7.5 12H10.5C10.5 11.1724 11.1724 10.5 12 10.5V7.5ZM7.5 12C7.5 14.4844 9.51557 16.5 12 16.5V13.5C11.1724 13.5 10.5 12.8276 10.5 12H7.5ZM12 16.5C14.4844 16.5 16.5 14.4844 16.5 12H13.5C13.5 12.8276 12.8276 13.5 12 13.5V16.5ZM16.5 12C16.5 9.51557 14.4844 7.5 12 7.5V10.5C12.8276 10.5 13.5 11.1724 13.5 12H16.5Z"
      fill="currentColor"
      mask="url(#path-5-inside-3_5159_12893)"
    />
    <mask id="path-7-inside-4_5159_12893" fill="currentColor">
      <path d="M3 10.2C3.996 10.2 4.8 11.004 4.8 12C4.8 12.996 3.996 13.8 3 13.8C2.004 13.8 1.2 12.996 1.2 12C1.2 11.004 2.004 10.2 3 10.2ZM3 9C1.344 9 0 10.344 0 12C0 13.656 1.344 15 3 15C4.656 15 6 13.656 6 12C6 10.344 4.656 9 3 9Z" />
    </mask>
    <path
      d="M3 10.2C3.996 10.2 4.8 11.004 4.8 12C4.8 12.996 3.996 13.8 3 13.8C2.004 13.8 1.2 12.996 1.2 12C1.2 11.004 2.004 10.2 3 10.2ZM3 9C1.344 9 0 10.344 0 12C0 13.656 1.344 15 3 15C4.656 15 6 13.656 6 12C6 10.344 4.656 9 3 9Z"
      fill="currentColor"
    />
    <path
      d="M3 11.7C3.16757 11.7 3.3 11.8324 3.3 12H6.3C6.3 10.1756 4.82443 8.7 3 8.7V11.7ZM3.3 12C3.3 12.1676 3.16757 12.3 3 12.3V15.3C4.82443 15.3 6.3 13.8244 6.3 12H3.3ZM3 12.3C2.83243 12.3 2.7 12.1676 2.7 12H-0.3C-0.3 13.8244 1.17557 15.3 3 15.3V12.3ZM2.7 12C2.7 11.8324 2.83243 11.7 3 11.7V8.7C1.17557 8.7 -0.3 10.1756 -0.3 12H2.7ZM3 7.5C0.515573 7.5 -1.5 9.51557 -1.5 12H1.5C1.5 11.1724 2.17243 10.5 3 10.5V7.5ZM-1.5 12C-1.5 14.4844 0.515573 16.5 3 16.5V13.5C2.17243 13.5 1.5 12.8276 1.5 12H-1.5ZM3 16.5C5.48443 16.5 7.5 14.4844 7.5 12H4.5C4.5 12.8276 3.82757 13.5 3 13.5V16.5ZM7.5 12C7.5 9.51557 5.48443 7.5 3 7.5V10.5C3.82757 10.5 4.5 11.1724 4.5 12H7.5Z"
      fill="currentColor"
      mask="url(#path-7-inside-4_5159_12893)"
    />
    <mask id="path-9-inside-5_5159_12893" fill="currentColor">
      <path d="M21 10.2C21.996 10.2 22.8 11.004 22.8 12C22.8 12.996 21.996 13.8 21 13.8C20.004 13.8 19.2 12.996 19.2 12C19.2 11.004 20.004 10.2 21 10.2ZM21 9C19.344 9 18 10.344 18 12C18 13.656 19.344 15 21 15C22.656 15 24 13.656 24 12C24 10.344 22.656 9 21 9Z" />
    </mask>
    <path
      d="M21 10.2C21.996 10.2 22.8 11.004 22.8 12C22.8 12.996 21.996 13.8 21 13.8C20.004 13.8 19.2 12.996 19.2 12C19.2 11.004 20.004 10.2 21 10.2ZM21 9C19.344 9 18 10.344 18 12C18 13.656 19.344 15 21 15C22.656 15 24 13.656 24 12C24 10.344 22.656 9 21 9Z"
      fill="currentColor"
    />
    <path
      d="M21 11.7C21.1676 11.7 21.3 11.8324 21.3 12H24.3C24.3 10.1756 22.8244 8.7 21 8.7V11.7ZM21.3 12C21.3 12.1676 21.1676 12.3 21 12.3V15.3C22.8244 15.3 24.3 13.8244 24.3 12H21.3ZM21 12.3C20.8324 12.3 20.7 12.1676 20.7 12H17.7C17.7 13.8244 19.1756 15.3 21 15.3V12.3ZM20.7 12C20.7 11.8324 20.8324 11.7 21 11.7V8.7C19.1756 8.7 17.7 10.1756 17.7 12H20.7ZM21 7.5C18.5156 7.5 16.5 9.51557 16.5 12H19.5C19.5 11.1724 20.1724 10.5 21 10.5V7.5ZM16.5 12C16.5 14.4844 18.5156 16.5 21 16.5V13.5C20.1724 13.5 19.5 12.8276 19.5 12H16.5ZM21 16.5C23.4844 16.5 25.5 14.4844 25.5 12H22.5C22.5 12.8276 21.8276 13.5 21 13.5V16.5ZM25.5 12C25.5 9.51557 23.4844 7.5 21 7.5V10.5C21.8276 10.5 22.5 11.1724 22.5 12H25.5Z"
      fill="currentColor"
      mask="url(#path-9-inside-5_5159_12893)"
    />
    <path
      d="M12 6V9.6"
      stroke="currentColor"
      strokeWidth="1.5"
      strokeMiterlimit="10"
      strokeLinecap="square"
    />
    <path
      d="M9.27676 12H5.67676"
      stroke="currentColor"
      strokeWidth="1.5"
      strokeMiterlimit="10"
      strokeLinecap="square"
    />
    <path
      d="M12 18.0961V14.4961"
      stroke="currentColor"
      strokeWidth="1.5"
      strokeMiterlimit="10"
      strokeLinecap="square"
    />
    <path
      d="M18.2768 12H14.6768"
      stroke="currentColor"
      strokeWidth="1.5"
      strokeMiterlimit="10"
      strokeLinecap="square"
    />
  </svg>
);

export const IconBook = (props: React.SVGProps<SVGSVGElement>) => (
  <svg
    width="18"
    height="23"
    viewBox="0 0 18 23"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <path
      d="M4.64516 15.3333H13.3548V17.1026H4.64516V15.3333Z"
      fill="currentColor"
    />
    <path
      d="M11.0323 10.6154H4.64516V12.3846H11.0323V10.6154Z"
      fill="currentColor"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M13.3548 0H4.64516V3.53846H0V23H18V3.53846H13.3548V0ZM13.3548 5.30769V7.66667H4.64516V5.30769H1.74194V21.2308H16.2581V5.30769H13.3548ZM6.3871 5.89744V1.76923H11.6129V5.89744H6.3871Z"
      fill="currentColor"
    />
  </svg>
);

export const IconChart = (props: React.SVGProps<SVGSVGElement>) => (
  <svg
    width="20"
    height="20"
    viewBox="0 0 20 20"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <path
      d="M8.52372e-07 19.5L0 6.55671e-08L1.5 0L1.5 18H19.5V19.5H8.52372e-07Z"
      fill="currentColor"
    />
    <path
      d="M9.2578 6.19716L3.68933 11.7656L4.74999 12.8263L9.2578 8.31848L12.7102 11.7708L18.2786 6.20237L17.218 5.14171L12.7102 9.64951L9.2578 6.19716Z"
      fill="currentColor"
    />
  </svg>
);

export const IconChat = (props: React.SVGProps<SVGSVGElement>) => (
  <svg
    width="20"
    height="20"
    viewBox="0 0 20 20"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M0 0H16.5V5H19.5V19.1911L14.6454 15.7903H4.075V12.2617L0 15.116V0ZM4.075 10.4303V5H15V1.5H1.5V12.234L4.075 10.4303ZM5.575 14.2903V6.5H18V16.3089L15.1185 14.2903H5.575Z"
      fill="currentColor"
    />
  </svg>
);

export const IconCopy = (props: React.SVGProps<SVGSVGElement>) => (
  <svg
    width="22"
    height="23"
    viewBox="0 0 22 23"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <path
      d="M5.95801 5.95673V3.74341C5.95801 2.99912 6.53514 2.39575 7.24707 2.39575H18.4189C19.1309 2.39575 19.708 2.99912 19.708 3.74341V15.4231C19.708 16.1674 19.1309 16.7708 18.4189 16.7708H16.278"
      stroke="#5D6974"
      strokeWidth="2"
      strokeLinecap="round"
      strokeLinejoin="round"
    />
    <path
      d="M14.7529 6.22925H3.58105C2.86913 6.22925 2.29199 6.83261 2.29199 7.5769V19.2566C2.29199 20.0009 2.86913 20.6042 3.58105 20.6042H14.7529C15.4649 20.6042 16.042 20.0009 16.042 19.2566V7.5769C16.042 6.83261 15.4649 6.22925 14.7529 6.22925Z"
      stroke="#5D6974"
      strokeWidth="2"
      strokeLinejoin="round"
    />
  </svg>
);

export const IconPlay = (props: React.SVGProps<SVGSVGElement>) => (
  <svg
    viewBox="0 0 60 60"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
    {...props}
  >
    <path
      d="M30 55C43.8071 55 55 43.8071 55 30C55 16.1929 43.8071 5 30 5C16.1929 5 5 16.1929 5 30C5 43.8071 16.1929 55 30 55Z"
      stroke="white"
      strokeWidth="2"
      strokeLinejoin="round"
    />
    <path
      d="M25 30V21.3397L32.5 25.6698L40 30L32.5 34.3301L25 38.6602V30Z"
      stroke="white"
      strokeWidth="2"
      strokeLinejoin="round"
    />
  </svg>
);
