export const DashIcon = () => {
  return (
    <svg
      width="8"
      height="13"
      viewBox="0 0 8 13"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
    >
      <path
        d="M7.1 1L1 11.5638"
        stroke="black"
        strokeOpacity="0.15"
        strokeLinecap="round"
        strokeLinejoin="round"
      />
    </svg>
  );
};

export const CheckIcon = () => {
  return (
    <svg
      width="13"
      height="11"
      viewBox="0 0 13 11"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
    >
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M11.7678 1.1151C12.0267 1.30337 12.0767 1.65632 11.8794 1.90343L5.59372 9.7784C5.49067 9.90751 5.3342 9.98784 5.16454 9.99873C4.99487 10.0096 4.82854 9.95002 4.7083 9.83525L1.1726 6.46026C0.942468 6.24059 0.942468 5.88444 1.1726 5.66477C1.40273 5.4451 1.77584 5.4451 2.00597 5.66477L5.06489 8.58464L10.9419 1.22163C11.1392 0.974522 11.5089 0.926826 11.7678 1.1151Z"
        fill="currentColor"
        stroke="currentColor"
        strokeWidth="0.75"
        strokeLinecap="round"
        strokeLinejoin="round"
      />
    </svg>
  );
};

export const LoadingCircle = () => {
  return (
    <svg
      className="animate-spin mr-1 h-4 w-4"
      xmlns="http://www.w3.org/2000/svg"
      fill="none"
      viewBox="0 0 24 24"
    >
      <circle
        className="opacity-25"
        cx="12"
        cy="12"
        r="10"
        stroke="currentColor"
        strokeWidth="3"
      ></circle>
      <path
        className="opacity-75"
        fill="currentColor"
        d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
      ></path>
    </svg>
  );
};

export const CloseIcon = () => {
  return (
    <svg
      width="10"
      height="10"
      viewBox="0 0 10 10"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
    >
      <path
        d="M1.28033 0.21967C0.987437 -0.0732233 0.512563 -0.0732233 0.21967 0.21967C-0.0732233 0.512563 -0.0732233 0.987437 0.21967 1.28033L3.93934 5L0.21967 8.71967C-0.0732233 9.01256 -0.0732233 9.48744 0.21967 9.78033C0.512563 10.0732 0.987437 10.0732 1.28033 9.78033L5 6.06066L8.71967 9.78033C9.01256 10.0732 9.48744 10.0732 9.78033 9.78033C10.0732 9.48744 10.0732 9.01256 9.78033 8.71967L6.06066 5L9.78033 1.28033C10.0732 0.987437 10.0732 0.512563 9.78033 0.21967C9.48744 -0.0732233 9.01256 -0.0732233 8.71967 0.21967L5 3.93934L1.28033 0.21967Z"
        fill="#ef4444"
      />
    </svg>
  );
};

export const SettingsIcon = () => {
  return (
    <svg
      width="12"
      height="12"
      viewBox="0 0 8 8"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
    >
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M2.98538 0.357282C3.02928 0.149538 3.22199 0 3.44582 0H4.55418C4.77801 0 4.97072 0.149538 5.01462 0.357282L5.1698 1.09169C5.50052 1.21093 5.80566 1.37925 6.07527 1.58726L6.82577 1.34695C7.0378 1.27906 7.27098 1.36226 7.38289 1.54574L7.93707 2.45425C8.04899 2.63773 8.00852 2.87047 7.84039 3.01032L7.24558 3.50509C7.2728 3.66626 7.28695 3.83157 7.28695 4C7.28695 4.16843 7.2728 4.33373 7.24559 4.4949L7.84039 4.98967C8.00852 5.12953 8.04899 5.36226 7.93707 5.54574L7.38289 6.45425C7.27098 6.63773 7.0378 6.72093 6.82577 6.65304L6.07528 6.41274C5.80566 6.62074 5.50053 6.78907 5.1698 6.90831L5.01462 7.64272C4.97073 7.85046 4.77801 8 4.55418 8H3.44582C3.22199 8 3.02928 7.85046 2.98538 7.64272L2.8302 6.90832C2.49948 6.78907 2.19434 6.62075 1.92473 6.41274L1.17423 6.65305C0.962204 6.72094 0.729023 6.63774 0.617107 6.45426L0.0629297 5.54575C-0.0489864 5.36227 -0.00852161 5.12953 0.15961 4.98968L0.754416 4.49491C0.727196 4.33374 0.713055 4.16843 0.713055 4C0.713055 3.83157 0.727196 3.66627 0.754415 3.5051L0.15961 3.01033C-0.00852156 2.87047 -0.0489865 2.63774 0.0629296 2.45426L0.617107 1.54575C0.729023 1.36227 0.962203 1.27907 1.17423 1.34696L1.92472 1.58726C2.19434 1.37926 2.49947 1.21093 2.8302 1.09169L2.98538 0.357282ZM4 5.33333C4.778 5.33333 5.40869 4.73638 5.40869 4C5.40869 3.26362 4.778 2.66667 4 2.66667C3.222 2.66667 2.59131 3.26362 2.59131 4C2.59131 4.73638 3.222 5.33333 4 5.33333Z"
        fill="currentColor"
        fillOpacity="0.5"
      />
    </svg>
  );
};

export const QuestionMarkIcon = () => {
  return <span className="rounded-full h-2 w-2 mr-0.5 bg-[#0ea5e9]"></span>;
};

export const DropdownArrow = () => {
  return (
    <svg
      className="h-5 w-5 text-gray-400"
      viewBox="0 0 20 20"
      fill="currentColor"
      aria-hidden="true"
    >
      <path
        fillRule="evenodd"
        d="M10 3a.75.75 0 01.55.24l3.25 3.5a.75.75 0 11-1.1 1.02L10 4.852 7.3 7.76a.75.75 0 01-1.1-1.02l3.25-3.5A.75.75 0 0110 3zm-3.76 9.2a.75.75 0 011.06.04l2.7 2.908 2.7-2.908a.75.75 0 111.1 1.02l-3.25 3.5a.75.75 0 01-1.1 0l-3.25-3.5a.75.75 0 01.04-1.06z"
        clipRule="evenodd"
      />
    </svg>
  );
};

export const AlertIcon = ({ className }) => {
  return (
    <svg
      width="13"
      height="13"
      className={className}
      viewBox="0 0 16 16"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
    >
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 3C8.41421 3 8.75 3.33579 8.75 3.75V8.25C8.75 8.66421 8.41421 9 8 9C7.58579 9 7.25 8.66421 7.25 8.25V3.75C7.25 3.33579 7.58579 3 8 3ZM8 13C8.55228 13 9 12.5523 9 12C9 11.4477 8.55228 11 8 11C7.44771 11 7 11.4477 7 12C7 12.5523 7.44771 13 8 13Z"
        fill="currentColor"
      />
    </svg>
  );
};

export const TableIcon = () => {
  return (
    <svg
      width="14"
      height="12"
      viewBox="0 0 18 14"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      className="opacity-50"
    >
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M-0.0100098 2.23999C-0.0100098 0.99735 1.00736 0 2.25 0H15.75C16.9926 0 18 1.00736 18 2.25L18.01 11.75C18.01 12.9926 17.0027 14 15.76 14C11.9267 14 6.09334 14 2.26001 14C1.01737 14 0 12.9826 0 11.74L-0.0100098 2.23999ZM8.25 11.76V11.135C8.25 10.7208 7.91421 10.385 7.5 10.385H2.25C1.83579 10.385 1.5 10.7208 1.5 11.135V11.75C1.5 12.1642 1.83579 12.5 2.25 12.5H7.62283C7.97861 12.4414 8.25 12.1324 8.25 11.76ZM9.75 11.76C9.75 12.1324 10.0214 12.4414 10.3772 12.5H15.75C16.1642 12.5 16.5 12.1642 16.5 11.75V11.135C16.5 10.7208 16.1642 10.385 15.75 10.385H10.5C10.0858 10.385 9.75 10.7208 9.75 11.135V11.76ZM16.5 8.13V7.505C16.5 7.09079 16.1642 6.755 15.75 6.755H10.5C10.0858 6.755 9.75 7.09079 9.75 7.505V8.13C9.75 8.54422 10.0858 8.88 10.5 8.88H15.75C16.1642 8.88 16.5 8.54422 16.5 8.13ZM8.25 8.13V7.505C8.25 7.09079 7.91421 6.755 7.5 6.755H2.25C1.83579 6.755 1.5 7.09079 1.5 7.505V8.13C1.5 8.54422 1.83579 8.88 2.25 8.88H7.5C7.91421 8.88 8.25 8.54422 8.25 8.13ZM16.5 4.5V3.875C16.5 3.46079 16.1642 3.125 15.75 3.125H10.5C10.0858 3.125 9.75 3.46079 9.75 3.875V4.5C9.75 4.91421 10.0858 5.25 10.5 5.25H15.75C16.1642 5.25 16.5 4.91421 16.5 4.5ZM8.25 4.5V3.875C8.25 3.46079 7.91421 3.125 7.5 3.125H2.25C1.83579 3.125 1.5 3.46079 1.5 3.875V4.5C1.5 4.91421 1.83579 5.25 2.25 5.25H7.5C7.91421 5.25 8.25 4.91421 8.25 4.5Z"
        fill="currentColor"
      />
    </svg>
  );
};

export const ViewIcon = () => {
  return (
    <svg
      width="14"
      height="12"
      viewBox="0 0 19 15"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      className="opacity-50"
    >
      <path
        d="M4.75 1.5H3.25C2.00736 1.5 1 2.50736 1 3.75V5.25M13.75 1.5H15.25C16.4926 1.5 17.5 2.50736 17.5 3.75V5.25M17.5 10.25V11.75C17.5 12.9926 16.4926 14 15.25 14H13.75M4.75 14H3.25C2.00736 14 1 12.9926 1 11.75V10.25"
        stroke="#0F172A"
        strokeWidth="1.5"
        strokeLinecap="round"
        strokeLinejoin="round"
      />
      <path
        d="M3.53107 8.17195C3.48968 8.0614 3.48964 7.94172 3.53095 7.83116C4.36262 5.60519 6.72103 4 9.50052 4C12.2787 4 14.6362 5.60369 15.4689 7.82806C15.5103 7.9386 15.5104 8.05828 15.469 8.16884C14.6374 10.3948 12.279 12 9.49947 12C6.72127 12 4.36377 10.3963 3.53107 8.17195Z"
        stroke="#0F172A"
        strokeWidth="1.5"
        strokeLinecap="round"
        strokeLinejoin="round"
      />
      <path
        d="M11.2971 8C11.2971 8.88366 10.4925 9.6 9.50004 9.6C8.50754 9.6 7.70296 8.88366 7.70296 8C7.70296 7.11634 8.50754 6.4 9.50004 6.4C10.4925 6.4 11.2971 7.11634 11.2971 8Z"
        stroke="currentColor"
        strokeWidth="1.5"
        strokeLinecap="round"
        strokeLinejoin="round"
      />
    </svg>
  );
};

export const CaretDown = ({ className }) => {
  return (
    <svg
      width="12"
      height="6"
      viewBox="0 0 18 10"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      className={className}
    >
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M9.53033 9.28033C9.23744 9.57322 8.76256 9.57322 8.46967 9.28033L0.96967 1.78033C0.676777 1.48744 0.676777 1.01256 0.96967 0.719671C1.26256 0.426777 1.73744 0.426777 2.03033 0.719671L9 7.68934L15.9697 0.71967C16.2626 0.426777 16.7374 0.426777 17.0303 0.71967C17.3232 1.01256 17.3232 1.48744 17.0303 1.78033L9.53033 9.28033Z"
        fill="currentColor"
      />
    </svg>
  );
};

export const RefreshIcon = () => {
  return (
    <svg
      width="12"
      height="10"
      viewBox="0 0 20 18"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
    >
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M2.75517 7.05889C3.82723 3.0579 7.93976 0.683529 11.9408 1.75559C13.2617 2.10955 14.4035 2.79374 15.3034 3.69528L17.2065 5.59835H14.0228C13.6085 5.59835 13.2728 5.93414 13.2728 6.34835C13.2728 6.76256 13.6085 7.09835 14.0228 7.09835H19.0154C19.2143 7.09835 19.4051 7.01932 19.5457 6.87864C19.6864 6.73797 19.7654 6.54717 19.7654 6.34824V1.35575C19.7654 0.941533 19.4296 0.605747 19.0154 0.605747C18.6011 0.605747 18.2654 0.941533 18.2654 1.35575V4.53591L16.3651 2.63561C15.2839 1.55253 13.9114 0.730705 12.329 0.306704C7.52779 -0.979772 2.59276 1.86947 1.30628 6.67067C1.19908 7.07076 1.43651 7.48202 1.83661 7.58922C2.23671 7.69643 2.64796 7.45899 2.75517 7.05889ZM18.1626 10.4108C17.7625 10.3036 17.3513 10.5411 17.2441 10.9412C16.172 14.9422 12.0595 17.3165 8.05847 16.2445C6.73749 15.8905 5.5957 15.2063 4.69585 14.3048L2.79396 12.4017H5.97677C6.39099 12.4017 6.72677 12.0659 6.72677 11.6517C6.72677 11.2375 6.39099 10.9017 5.97677 10.9017L0.984131 10.9017C0.569918 10.9017 0.234131 11.2375 0.234131 11.6517V16.6443C0.234131 17.0585 0.569918 17.3943 0.984131 17.3943C1.39834 17.3943 1.73413 17.0585 1.73413 16.6443V13.4632L3.6342 15.3645C4.71539 16.4477 6.08772 17.2693 7.67024 17.6934C12.4714 18.9798 17.4065 16.1306 18.6929 11.3294C18.8001 10.9293 18.5627 10.5181 18.1626 10.4108Z"
        fill="#0F172A"
      />
    </svg>
  );
};

export const FilterIcon = () => {
  return (
    <svg
      width="10"
      height="10"
      viewBox="0 0 20 20"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
    >
      <path
        d="M10.0001 1C12.7548 1 15.4552 1.23205 18.0831 1.67767C18.6159 1.76803 19 2.23355 19 2.77402V3.81802C19 4.41476 18.7629 4.98705 18.341 5.40901L12.909 10.841C12.4871 11.2629 12.25 11.8352 12.25 12.432V15.3594C12.25 16.2117 11.7685 16.9908 11.0062 17.3719L7.75 19V12.432C7.75 11.8352 7.51295 11.2629 7.09099 10.841L1.65901 5.40901C1.23705 4.98705 1 4.41476 1 3.81802V2.77404C1 2.23357 1.38408 1.76805 1.91694 1.67769C4.54479 1.23206 7.24533 1 10.0001 1Z"
        stroke="#0F172A"
        strokeWidth="1.7"
        strokeLinecap="round"
        strokeLinejoin="round"
      />
    </svg>
  );
};

export const RelationsIcon = () => {
  return (
    <svg
      width="10"
      height="10"
      viewBox="0 0 16 16"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
    >
      <path
        d="M10.2322 2.23223C11.2085 1.25592 12.7915 1.25592 13.7678 2.23223C14.7441 3.20854 14.7441 4.79146 13.7678 5.76777L12.5434 6.9921C12.2505 7.28499 12.2505 7.75987 12.5434 8.05276C12.8363 8.34565 13.3112 8.34565 13.6041 8.05276L14.8284 6.82843C16.3905 5.26633 16.3905 2.73367 14.8284 1.17157C13.2663 -0.390524 10.7337 -0.390524 9.17157 1.17157L6.17157 4.17157C4.60948 5.73367 4.60948 8.26633 6.17157 9.82843C6.24449 9.90134 6.31963 9.97094 6.3968 10.0372C6.71107 10.307 7.18457 10.271 7.45441 9.95675C7.72424 9.64248 7.68822 9.16898 7.37395 8.89915C7.32556 8.85759 7.27828 8.81381 7.23223 8.76777C6.25592 7.79145 6.25592 6.20854 7.23223 5.23223L10.2322 2.23223Z"
        fill="#0F172A"
      />
      <path
        d="M9.6032 5.96278C9.28893 5.69295 8.81542 5.72897 8.54559 6.04324C8.27576 6.3575 8.31178 6.83101 8.62605 7.10084C8.67444 7.14239 8.72172 7.18618 8.76777 7.23222C9.74408 8.20853 9.74408 9.79145 8.76777 10.7678L5.76777 13.7678C4.79146 14.7441 3.20854 14.7441 2.23223 13.7678C1.25592 12.7914 1.25592 11.2085 2.23223 10.2322L3.45657 9.00789C3.74946 8.71499 3.74946 8.24012 3.45657 7.94723C3.16367 7.65433 2.6888 7.65433 2.39591 7.94723L1.17157 9.17156C-0.390524 10.7337 -0.390524 13.2663 1.17157 14.8284C2.73367 16.3905 5.26633 16.3905 6.82843 14.8284L9.82843 11.8284C11.3905 10.2663 11.3905 7.73366 9.82843 6.17156C9.75551 6.09864 9.68037 6.02904 9.6032 5.96278Z"
        fill="#0F172A"
      />
    </svg>
  );
};

export const ArrowRight = ({ className }) => {
  return (
    <svg
      width="8"
      height="7"
      viewBox="0 0 10 8"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      className={className}
    >
      <path
        fill-rule="evenodd"
        clip-rule="evenodd"
        d="M0 4C4.93945e-09 3.58579 0.335786 3.25 0.75 3.25H7.38792L5.23017 1.29063C4.93159 1.00353 4.92228 0.528748 5.20938 0.230169C5.49647 -0.0684092 5.97125 -0.077719 6.26983 0.209376L9.76983 3.45938C9.91689 3.60078 10 3.79599 10 4C10 4.20401 9.91689 4.39922 9.76983 4.54063L6.26983 7.79063C5.97125 8.07772 5.49647 8.06841 5.20938 7.76983C4.92228 7.47125 4.93159 6.99647 5.23017 6.70938L7.38792 4.75H0.75C0.335786 4.75 -4.93945e-09 4.41421 0 4Z"
        fill="#0F172A"
      />
    </svg>
  );
};

export const ArrowLeft = () => {
  return (
    <svg
      width="8"
      height="7"
      viewBox="0 0 10 8"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
    >
      <path
        fill-rule="evenodd"
        clip-rule="evenodd"
        d="M10 4C10 4.41422 9.66421 4.75 9.25 4.75H2.61208L4.76983 6.70938C5.06841 6.99647 5.07772 7.47125 4.79062 7.76983C4.50353 8.06841 4.02875 8.07772 3.73017 7.79063L0.230168 4.54063C0.0831098 4.39922 -8.91769e-09 4.20401 0 4C8.91769e-09 3.79599 0.0831099 3.60078 0.230168 3.45938L3.73017 0.209376C4.02875 -0.077719 4.50353 -0.0684094 4.79062 0.230169C5.07772 0.528748 5.06841 1.00353 4.76983 1.29063L2.61208 3.25L9.25 3.25C9.66421 3.25 10 3.58579 10 4Z"
        fill="#0F172A"
      />
    </svg>
  );
};

export const AddIcon = ({ className }) => {
  return (
    <svg
      width="16"
      height="16"
      viewBox="0 0 16 16"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      className={className}
    >
      <path
        fill-rule="evenodd"
        clip-rule="evenodd"
        d="M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16ZM8.75 4.75C8.75 4.33579 8.41421 4 8 4C7.58579 4 7.25 4.33579 7.25 4.75V7.25H4.75C4.33579 7.25 4 7.58579 4 8C4 8.41421 4.33579 8.75 4.75 8.75H7.25V11.25C7.25 11.6642 7.58579 12 8 12C8.41421 12 8.75 11.6642 8.75 11.25V8.75H11.25C11.6642 8.75 12 8.41421 12 8C12 7.58579 11.6642 7.25 11.25 7.25H8.75V4.75Z"
        fill="currentColor"
      />
    </svg>
  );
};

export const PlayIcon = ({ className }) => {
  return (
    <svg
      width="9"
      height="11"
      viewBox="0 0 13 16"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      className={className}
    >
      <path
        d="M2.29995 0.840461C1.3011 0.21075 0 0.928568 0 2.10935V13.8905C0 15.0713 1.3011 15.7891 2.29995 15.1594L11.6436 9.26881C12.577 8.68036 12.577 7.31948 11.6436 6.73103L2.29995 0.840461Z"
        fill="currentColor"
      />
    </svg>
  );
};

export const EyeIcon = ({ className }) => {
  return (
    <svg
      width="14"
      height="12"
      viewBox="0 0 20 16"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      className={className}
    >
      <path
        fill-rule="evenodd"
        clip-rule="evenodd"
        d="M6.28033 3.21979C6.57322 3.51269 6.57322 3.98756 6.28033 4.28045L2.56066 8.00012L6.28033 11.7198C6.57322 12.0127 6.57322 12.4876 6.28033 12.7805C5.98744 13.0733 5.51256 13.0733 5.21967 12.7805L0.96967 8.53045C0.676777 8.23756 0.676777 7.76269 0.96967 7.46979L5.21967 3.21979C5.51256 2.9269 5.98744 2.9269 6.28033 3.21979ZM13.7197 3.21979C14.0126 2.9269 14.4874 2.9269 14.7803 3.21979L19.0303 7.46979C19.3232 7.76269 19.3232 8.23756 19.0303 8.53045L14.7803 12.7805C14.4874 13.0733 14.0126 13.0733 13.7197 12.7805C13.4268 12.4876 13.4268 12.0127 13.7197 11.7198L17.4393 8.00012L13.7197 4.28045C13.4268 3.98756 13.4268 3.51269 13.7197 3.21979Z"
        fill="currentColor"
      />
      <path
        fill-rule="evenodd"
        clip-rule="evenodd"
        d="M11.3774 0.011027C11.7856 0.0814047 12.0595 0.469361 11.9891 0.877552L9.48909 15.3776C9.41872 15.7857 9.03076 16.0596 8.62257 15.9892C8.21438 15.9188 7.94053 15.5309 8.0109 15.1227L10.5109 0.622692C10.5813 0.214501 10.9692 -0.0593508 11.3774 0.011027Z"
        fill="currentColor"
      />
    </svg>
  );
};

export const LinkIcon = ({ className }) => {
  return (
    <svg
      width="13"
      height="13"
      viewBox="0 0 16 16"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      className={className}
    >
      <path
        d="M10.2322 2.23223C11.2085 1.25592 12.7915 1.25592 13.7678 2.23223C14.7441 3.20854 14.7441 4.79146 13.7678 5.76777L12.5434 6.9921C12.2505 7.28499 12.2505 7.75987 12.5434 8.05276C12.8363 8.34565 13.3112 8.34565 13.6041 8.05276L14.8284 6.82843C16.3905 5.26633 16.3905 2.73367 14.8284 1.17157C13.2663 -0.390524 10.7337 -0.390524 9.17157 1.17157L6.17157 4.17157C4.60948 5.73367 4.60948 8.26633 6.17157 9.82843C6.24449 9.90134 6.31963 9.97094 6.3968 10.0372C6.71107 10.307 7.18457 10.271 7.45441 9.95675C7.72424 9.64248 7.68822 9.16898 7.37395 8.89915C7.32556 8.85759 7.27828 8.81381 7.23223 8.76777C6.25592 7.79145 6.25592 6.20854 7.23223 5.23223L10.2322 2.23223Z"
        fill="currentColor"
      />
      <path
        d="M9.6032 5.96278C9.28893 5.69295 8.81542 5.72897 8.54559 6.04324C8.27576 6.3575 8.31178 6.83101 8.62605 7.10084C8.67444 7.14239 8.72172 7.18618 8.76777 7.23222C9.74408 8.20853 9.74408 9.79145 8.76777 10.7678L5.76777 13.7678C4.79146 14.7441 3.20854 14.7441 2.23223 13.7678C1.25592 12.7914 1.25592 11.2085 2.23223 10.2322L3.45657 9.00789C3.74946 8.71499 3.74946 8.24012 3.45657 7.94723C3.16367 7.65433 2.6888 7.65433 2.39591 7.94723L1.17157 9.17156C-0.390524 10.7337 -0.390524 13.2663 1.17157 14.8284C2.73367 16.3905 5.26633 16.3905 6.82843 14.8284L9.82843 11.8284C11.3905 10.2663 11.3905 7.73366 9.82843 6.17156C9.75551 6.09864 9.68037 6.02904 9.6032 5.96278Z"
        fill="currentColor"
      />
    </svg>
  );
};

export const ExternalLinkIcon = ({ className }) => {
  return (
    <svg
      width="13"
      height="12"
      viewBox="0 0 16 15"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      className={className}
    >
      <path
        fill-rule="evenodd"
        clip-rule="evenodd"
        d="M2.25 3.5C1.83579 3.5 1.5 3.83579 1.5 4.25V12.75C1.5 13.1642 1.83579 13.5 2.25 13.5H10.75C11.1642 13.5 11.5 13.1642 11.5 12.75V8.75C11.5 8.33579 11.8358 8 12.25 8C12.6642 8 13 8.33579 13 8.75V12.75C13 13.9926 11.9926 15 10.75 15H2.25C1.00736 15 0 13.9926 0 12.75V4.25C0 3.00736 1.00736 2 2.25 2H7.25C7.66421 2 8 2.33579 8 2.75C8 3.16421 7.66421 3.5 7.25 3.5H2.25Z"
        fill="currentColor"
      />
      <path
        fill-rule="evenodd"
        clip-rule="evenodd"
        d="M4.19385 10.7532C4.47175 11.0603 4.94603 11.0841 5.25319 10.8062L14.5 2.43999V5.25C14.5 5.66421 14.8358 6 15.25 6C15.6642 6 16 5.66421 16 5.25V0.75C16 0.335787 15.6642 0 15.25 0H10.75C10.3358 0 10 0.335787 10 0.75C10 1.16421 10.3358 1.5 10.75 1.5H13.3032L4.24682 9.69385C3.93966 9.97175 3.91595 10.446 4.19385 10.7532Z"
        fill="currentColor"
      />
    </svg>
  );
};

export const CopyIcon = ({ className }) => {
  return (
    <svg
      width="12"
      height="14"
      viewBox="0 0 18 22"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      className={className}
    >
      <path
        d="M5.25 6.5V5.10822C5.25 3.97324 6.09499 3.01015 7.22608 2.91627C7.59937 2.88529 7.97386 2.85858 8.34952 2.83619M12.75 17H15C16.2426 17 17.25 15.9926 17.25 14.75V5.10822C17.25 3.97324 16.405 3.01015 15.2739 2.91627C14.9006 2.88529 14.5261 2.85858 14.1505 2.83619M12.75 17.75V15.875C12.75 14.011 11.239 12.5 9.375 12.5H7.875C7.25368 12.5 6.75 11.9963 6.75 11.375V9.875C6.75 8.01104 5.23896 6.5 3.375 6.5H2.25M14.1505 2.83619C13.8672 1.91757 13.0116 1.25 12 1.25H10.5C9.48842 1.25 8.63276 1.91757 8.34952 2.83619M14.1505 2.83619C14.2152 3.04602 14.25 3.26894 14.25 3.5V4.25H8.25V3.5C8.25 3.26894 8.28483 3.04602 8.34952 2.83619M3.75 6.5H1.875C1.25368 6.5 0.75 7.00368 0.75 7.625V19.625C0.75 20.2463 1.25368 20.75 1.875 20.75H11.625C12.2463 20.75 12.75 20.2463 12.75 19.625V15.5C12.75 10.5294 8.72056 6.5 3.75 6.5Z"
        stroke="#0F172A"
        stroke-width="1.5"
        stroke-linecap="round"
        stroke-linejoin="round"
      />
    </svg>
  );
};

export const OrbisDBLogo = ({ sizeDivider = 4.5 }) => {
  return (
    <svg
      width={1042 / sizeDivider}
      height={219 / sizeDivider}
      viewBox="0 0 1042 219"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
    >
      <path
        d="M240.541 84.5838C240.691 87.4358 236.983 88.685 235.376 86.3208C211.787 51.5347 166.94 35.1097 120.345 35.1097C65.2429 35.1097 20.5699 58.5925 20.5699 87.5403C20.5699 116.488 65.2379 139.961 120.345 139.961C154.175 139.961 184.076 131.111 202.116 117.583C203.763 116.349 206.103 116.752 207.221 118.479C209.881 122.58 211.313 126.935 211.313 131.46C211.313 146.78 194.82 160.278 169.884 168.053C169.874 168.053 169.859 168.063 169.849 168.063C155.088 172.587 138.455 175.081 120.345 175.081C48.6302 175.086 0 135.894 0 87.5403C0 39.1861 53.88 0 120.345 0C182.719 0 237.981 35.03 240.541 84.5838ZM120.291 219C186.761 219 240.636 179.809 240.636 131.46C240.636 83.1105 192.006 43.9145 120.291 43.9145C102.181 43.9145 85.5483 46.4081 70.7871 50.9324C70.7771 50.9324 70.7621 50.9424 70.7521 50.9424C45.8157 58.7169 29.3229 72.2152 29.3229 87.5353C29.3229 92.0596 30.7551 96.4147 33.4149 100.516C34.5327 102.238 36.8731 102.641 38.5199 101.412C56.5548 87.8887 86.4565 79.0341 120.291 79.0341C175.393 79.0341 220.066 102.502 220.066 131.455C220.066 160.408 175.398 183.885 120.291 183.885C73.6964 183.885 28.8488 167.46 5.25975 132.674C3.65787 130.31 -0.0499027 131.559 0.0948152 134.411C2.65483 183.965 57.9121 218.995 120.291 218.995V219Z"
        fill="#0C0C0C"
      />
      <path
        d="M819.921 178V166.225H835.307V79.875H819.921V68.1H862.782C877.226 68.1 888.373 71.7633 896.223 79.09C904.178 86.4167 908.155 97.6683 908.155 112.845V133.255C908.155 148.536 904.178 159.84 896.223 167.167C888.373 174.389 877.226 178 862.782 178H819.921ZM848.495 166.068H862.782C873.458 166.068 881.517 163.451 886.96 158.218C892.403 152.985 895.124 144.873 895.124 133.883V112.374C895.124 101.175 892.403 93.0107 886.96 87.882C881.517 82.7533 873.458 80.189 862.782 80.189H848.495V166.068ZM920.039 178V166.225H935.425V79.875H920.039V68.1H975.146C981.531 68.1 987.183 69.2513 992.102 71.554C997.126 73.8567 1001 77.1013 1003.72 81.288C1006.55 85.37 1007.96 90.1847 1007.96 95.732V96.988C1007.96 102.117 1006.96 106.356 1004.98 109.705C1002.99 112.95 1000.63 115.514 997.911 117.398C995.19 119.177 992.521 120.486 989.904 121.323V123.521C992.521 124.149 995.242 125.405 998.068 127.289C1000.89 129.068 1003.25 131.633 1005.13 134.982C1007.12 138.331 1008.12 142.57 1008.12 147.699V149.269C1008.12 155.235 1006.65 160.416 1003.72 164.812C1000.89 169.103 996.969 172.4 991.945 174.703C987.026 176.901 981.374 178 974.989 178H920.039ZM948.613 166.068H973.576C980.484 166.068 985.77 164.446 989.433 161.201C993.096 157.956 994.928 153.56 994.928 148.013V146.6C994.928 141.053 993.096 136.657 989.433 133.412C985.77 130.167 980.484 128.545 973.576 128.545H948.613V166.068ZM948.613 116.613H974.047C980.327 116.613 985.351 115.043 989.119 111.903C992.887 108.658 994.771 104.419 994.771 99.186V97.616C994.771 92.278 992.887 88.039 989.119 84.899C985.456 81.6543 980.432 80.032 974.047 80.032H948.613V116.613Z"
        fill="#0C0C0C"
      />
      <path
        d="M651.655 34.6516H674.012V56.9497H651.655V34.6516ZM774.516 127.075C770.858 123.147 766.042 120.166 760.074 118.13C754.096 116.1 747.598 114.313 740.567 112.77C733.536 111.088 727.877 109.191 723.59 107.086C719.303 104.985 717.158 102.114 717.158 98.4652C717.158 94.8168 718.705 91.8404 721.794 89.526C724.887 87.2165 729.249 86.0568 734.873 86.0568C740.497 86.0568 745.238 87.321 748.686 89.8445C752.129 92.368 754.2 95.872 754.909 100.362H776.417C775.15 90.1282 770.898 82.2044 763.657 76.595C756.411 70.9856 746.959 68.1785 735.292 68.1785C722.642 68.1785 712.796 71.2246 705.77 77.3267C698.738 83.4288 695.225 91.0391 695.225 100.147C695.225 106.742 697.157 111.969 701.024 115.816C704.891 119.673 709.742 122.65 715.576 124.755C721.409 126.861 727.278 128.543 733.186 129.807C740.781 131.35 746.72 133.062 751.007 134.959C755.293 136.85 757.439 140.463 757.439 145.794C757.439 149.442 755.887 152.663 752.798 155.47C749.704 158.277 744.784 159.671 738.032 159.671C731.28 159.671 725.591 157.958 721.374 154.514C717.153 151.085 714.483 146.979 713.36 142.21H690.794C692.056 152.867 696.982 161.423 705.555 167.873C714.128 174.324 725.027 177.549 738.246 177.549C751.466 177.549 761.406 174.393 768.927 168.082C776.447 161.771 780.135 153.852 780 144.316C780 136.745 778.169 130.997 774.516 127.07V127.075ZM651.655 175.031H674.012V70.7019H651.655V175.031ZM631.03 94.8616C635.462 103.104 637.672 112.387 637.672 122.69C637.672 132.993 635.462 142.27 631.03 150.517C626.604 158.765 620.516 165.285 612.766 170.063C605.016 174.851 596.343 177.24 586.752 177.24C578.777 177.24 571.581 175.583 565.159 172.268C559.535 169.366 554.964 165.419 551.321 160.537V175.036H528.964V23.8359H551.321V84.698C555.038 79.7954 559.689 75.8136 565.383 72.882C571.801 69.5671 578.927 67.9097 586.752 67.9097C596.343 67.9097 605.016 70.3436 612.766 75.2014C620.516 80.0592 626.604 86.6143 631.03 94.8616ZM617.083 122.466C617.083 115.542 615.645 109.4 612.766 104.025C609.887 98.6493 605.939 94.4137 600.919 91.3228C595.899 88.2319 590.07 86.684 583.428 86.684C576.786 86.684 571.172 88.2319 566.152 91.3228C561.132 94.4137 557.219 98.6493 554.42 104.025C551.61 109.4 550.213 115.612 550.213 122.685C550.213 129.757 551.575 135.755 554.31 141.125C557.04 146.501 560.957 150.727 566.042 153.817C571.137 156.913 576.931 158.456 583.428 158.456C589.925 158.456 595.899 156.913 600.919 153.817C605.939 150.727 609.887 146.496 612.766 141.125C615.645 135.75 617.083 129.528 617.083 122.461V122.466ZM428.635 94.4585C433.311 102.766 435.651 112.128 435.651 122.555C435.651 132.983 433.311 142.35 428.635 150.652C423.954 158.959 417.457 165.439 409.133 170.103C400.809 174.772 391.487 177.101 381.172 177.101C370.857 177.101 361.531 174.767 353.207 170.103C344.878 165.439 338.381 158.954 333.705 150.652C329.024 142.35 326.688 132.988 326.688 122.555C326.688 112.123 329.029 102.761 333.705 94.4585C338.381 86.1613 344.883 79.676 353.207 75.0073C361.531 70.3436 370.852 68.0043 381.172 68.0043C391.492 68.0043 400.809 70.3436 409.133 75.0073C417.457 79.676 423.959 86.1564 428.635 94.4585ZM412.95 122.555C412.95 115.423 411.678 109.246 409.133 104.03C406.588 98.8186 402.91 94.772 398.089 91.8852C393.274 89.0083 387.635 87.5649 381.167 87.5649C374.7 87.5649 369.056 89.0083 364.245 91.8852C359.43 94.772 355.747 98.8186 353.202 104.03C350.652 109.251 349.384 115.423 349.384 122.555C349.384 129.688 350.652 135.864 353.202 141.081C355.747 146.292 359.43 150.338 364.245 153.225C369.061 156.102 374.7 157.545 381.167 157.545C387.635 157.545 393.269 156.102 398.089 153.225C402.91 150.338 406.588 146.297 409.133 141.081C411.678 135.864 412.95 129.693 412.95 122.555ZM451.495 100.765V175.031H473.852V91.5219H512.446V70.7019H481.637C464.989 70.7019 451.5 84.1605 451.5 100.76L451.495 100.765Z"
        fill="#0C0C0C"
      />
    </svg>
  );
};

export const SocialIcon = () => {
  return (
    <svg
      width="22"
      height="20"
      viewBox="0 0 22 20"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      className="opacity-70"
    >
      <path
        d="M19.25 6.51104C20.1341 6.79549 20.75 7.6392 20.75 8.60822V12.8938C20.75 14.0304 19.9026 14.9943 18.7697 15.0867C18.4308 15.1144 18.0909 15.1386 17.75 15.1592V18.25L14.75 15.25C13.3963 15.25 12.0556 15.1948 10.7302 15.0866C10.4319 15.0623 10.1534 14.9775 9.90494 14.8451M19.25 6.51104C19.0986 6.46232 18.9393 6.43 18.7739 6.41628C17.4472 6.30616 16.1051 6.25 14.75 6.25C13.3948 6.25 12.0528 6.30616 10.7261 6.41627C9.59499 6.51015 8.75 7.47323 8.75 8.60821V12.8937C8.75 13.731 9.20986 14.4746 9.90494 14.8451M19.25 6.51104V4.63731C19.25 3.01589 18.0983 1.61065 16.4903 1.40191C14.4478 1.13676 12.365 1 10.2503 1C8.13533 1 6.05233 1.13678 4.00963 1.40199C2.40173 1.61074 1.25 3.01598 1.25 4.63738V10.8626C1.25 12.484 2.40173 13.8893 4.00964 14.098C4.58661 14.1729 5.16679 14.2376 5.75 14.2918V19L9.90494 14.8451"
        stroke="currentColor"
        stroke-width="1.7"
        stroke-linecap="round"
        stroke-linejoin="round"
      />
    </svg>
  );
};

export const GovernanceIcon = () => {
  return (
    <svg
      width="20"
      height="20"
      viewBox="0 0 20 20"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      className="opacity-70"
    >
      <path
        d="M8.34044 13.8398C7.65153 13.7803 6.95431 13.75 6.25 13.75H5.5C3.01472 13.75 1 11.7353 1 9.25C1 6.76472 3.01472 4.75 5.5 4.75H6.25C6.95431 4.75 7.65153 4.71966 8.34044 4.66022M8.34044 13.8398C8.59329 14.8015 8.92372 15.7317 9.32463 16.6234C9.57209 17.1738 9.38422 17.8328 8.8616 18.1345L8.20529 18.5134C7.6539 18.8318 6.9456 18.6306 6.67841 18.0527C6.0518 16.6973 5.56541 15.2639 5.23786 13.771M8.34044 13.8398C7.95517 12.3745 7.75 10.8362 7.75 9.25C7.75 7.66379 7.95518 6.1255 8.34044 4.66022M8.34044 13.8398C11.5 14.1124 14.4845 14.9972 17.1747 16.3749M8.34044 4.66022C11.5 4.3876 14.4845 3.50283 17.1747 2.12509M17.1747 2.12509C17.057 1.74595 16.9302 1.37083 16.7944 1M17.1747 2.12509C17.7097 3.84827 18.0557 5.65462 18.1886 7.51991M17.1747 16.3749C17.057 16.7541 16.9302 17.1292 16.7944 17.5M17.1747 16.3749C17.7097 14.6517 18.0557 12.8454 18.1886 10.9801M18.1886 7.51991C18.6844 7.93264 19 8.55446 19 9.25C19 9.94553 18.6844 10.5674 18.1886 10.9801M18.1886 7.51991C18.2293 8.09131 18.25 8.66824 18.25 9.25C18.25 9.83176 18.2293 10.4087 18.1886 10.9801"
        stroke="currentColor"
        stroke-width="1.5"
        stroke-linecap="round"
        stroke-linejoin="round"
      />
    </svg>
  );
};

export const DeleteIcon = () => {
  return (
    <svg
      width="10"
      height="10"
      viewBox="0 0 10 10"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
    >
      <path
        d="M1.28033 0.21967C0.987437 -0.0732233 0.512563 -0.0732233 0.21967 0.21967C-0.0732233 0.512563 -0.0732233 0.987437 0.21967 1.28033L3.93934 5L0.21967 8.71967C-0.0732233 9.01256 -0.0732233 9.48744 0.21967 9.78033C0.512563 10.0732 0.987437 10.0732 1.28033 9.78033L5 6.06066L8.71967 9.78033C9.01256 10.0732 9.48744 10.0732 9.78033 9.78033C10.0732 9.48744 10.0732 9.01256 9.78033 8.71967L6.06066 5L9.78033 1.28033C10.0732 0.987437 10.0732 0.512563 9.78033 0.21967C9.48744 -0.0732233 9.01256 -0.0732233 8.71967 0.21967L5 3.93934L1.28033 0.21967Z"
        fill="currentColor"
      />
    </svg>
  );
};
