export const WorkflowIcon = (props: React.SVGAttributes<SVGSVGElement>) => {
  return (
    <svg
      width="18"
      height="18"
      viewBox="0 0 18 18"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M11.75 16.498C14.3734 16.498 16.5 14.3714 16.5 11.748C16.5 9.1247 14.3734 6.99805 11.75 6.99805C9.12665 6.99805 7 9.1247 7 11.748C7 14.3714 9.12665 16.498 11.75 16.498Z"
        fill="currentColor"
      />
      <path
        d="M14.751 6.49707C14.6543 6.49707 14.5567 6.47844 14.4639 6.43994C14.1836 6.32374 14.001 6.05037 14.001 5.74707V4.24707C14.001 3.28227 13.2158 2.49707 12.251 2.49707H11.751C11.3369 2.49707 11.001 2.16117 11.001 1.74707C11.001 1.33297 11.3369 0.99707 11.751 0.99707H12.251C13.9424 0.99707 15.3369 2.29641 15.4873 3.94971L15.9707 3.4668C16.2637 3.1738 16.7383 3.1738 17.0312 3.4668C17.3241 3.7598 17.3242 4.23432 17.0312 4.52722L15.2812 6.27722C15.1376 6.42082 14.9463 6.49707 14.751 6.49707Z"
        fill="currentColor"
      />
      <path
        d="M6.25284 16.9983H5.75284C4.06144 16.9983 2.66694 15.6989 2.51654 14.0456L2.03315 14.5285C1.74015 14.8215 1.26554 14.8215 0.972642 14.5285C0.679742 14.2355 0.679642 13.761 0.972642 13.4681L2.72264 11.7181C2.93744 11.5033 3.26074 11.4388 3.54004 11.5555C3.82034 11.6717 4.00293 11.9451 4.00293 12.2484V13.7484C4.00293 14.7132 4.78813 15.4984 5.75293 15.4984H6.25293C6.66703 15.4984 7.00293 15.8343 7.00293 16.2484C7.00293 16.6625 6.66694 16.9983 6.25284 16.9983Z"
        fill="currentColor"
      />
      <path
        d="M4.97454 10.7593C4.89544 10.7593 4.81433 10.7466 4.73433 10.7197C2.79883 10.0654 1.49805 8.26759 1.49805 6.24609C1.49805 3.62699 3.62894 1.49609 6.24804 1.49609C8.26954 1.49609 10.0673 2.79691 10.7226 4.73291C10.8544 5.12551 10.6445 5.55079 10.2519 5.68359C9.85644 5.81639 9.43454 5.60548 9.30074 5.21338C8.85254 3.88718 7.62594 2.99609 6.24804 2.99609C4.45604 2.99609 2.99805 4.45409 2.99805 6.24609C2.99805 7.62399 3.88863 8.85062 5.21483 9.29882C5.60743 9.43112 5.81734 9.85691 5.68554 10.2495C5.57914 10.562 5.28704 10.7593 4.97454 10.7593Z"
        fill="currentColor"
      />
    </svg>
  );
};

export const IntegrationIcon = (props: React.SVGAttributes<SVGSVGElement>) => {
  return (
    <svg
      width="18"
      height="18"
      viewBox="0 0 18 18"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M9.00098 3.60068V2.70068"
        stroke="currentColor"
        strokeWidth="1.8"
        strokeLinecap="round"
        strokeLinejoin="round"
      />
      <path
        d="M7.19687 12.6008L6.29688 15.3008"
        stroke="currentColor"
        strokeWidth="1.8"
        strokeLinecap="round"
        strokeLinejoin="round"
      />
      <path
        d="M10.7969 12.6008L11.6969 15.3008"
        stroke="currentColor"
        strokeWidth="1.8"
        strokeLinecap="round"
        strokeLinejoin="round"
      />
      <path
        d="M9.0041 10.3507C8.63141 10.3507 8.3291 10.0484 8.3291 9.67573V6.30073C8.3291 5.92804 8.63141 5.62573 9.0041 5.62573C9.37679 5.62573 9.6791 5.92804 9.6791 6.30073V9.67573C9.6791 10.0484 9.37679 10.3507 9.0041 10.3507Z"
        fill="currentColor"
      />
      <path
        d="M6.52559 10.3508C6.1529 10.3508 5.85059 10.0485 5.85059 9.67583V8.77583C5.85059 8.40314 6.1529 8.10083 6.52559 8.10083C6.89828 8.10083 7.20059 8.40314 7.20059 8.77583V9.67583C7.20059 10.0485 6.89828 10.3508 6.52559 10.3508Z"
        fill="currentColor"
      />
      <path
        d="M11.4719 10.3507C11.0992 10.3507 10.7969 10.0484 10.7969 9.67568V7.87568C10.7969 7.50299 11.0992 7.20068 11.4719 7.20068C11.8446 7.20068 12.1469 7.50299 12.1469 7.87568V9.67568C12.1469 10.0484 11.8446 10.3507 11.4719 10.3507Z"
        fill="currentColor"
      />
      <path
        d="M12.6041 3.60083H5.4041C3.91293 3.60083 2.7041 4.80966 2.7041 6.30083V9.90083C2.7041 11.392 3.91293 12.6008 5.4041 12.6008H12.6041C14.0953 12.6008 15.3041 11.392 15.3041 9.90083V6.30083C15.3041 4.80966 14.0953 3.60083 12.6041 3.60083Z"
        stroke="currentColor"
        strokeWidth="1.8"
        strokeLinecap="round"
        strokeLinejoin="round"
      />
    </svg>
  );
};

export const HumanIcon = (props: React.SVGAttributes<SVGSVGElement>) => {
  return (
    <svg
      width="18"
      height="18"
      viewBox="0 0 18 18"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M2.95697 12.7C2.88417 12.7 2.81047 12.6897 2.73777 12.6673C1.99557 12.4412 1.49707 11.7723 1.49707 11.0027V2.75858C1.49707 2.19218 1.77298 1.65898 2.23538 1.33278C2.69828 1.00608 3.29247 0.926586 3.82567 1.11358C7.25727 2.33088 10.7378 2.33138 14.1685 1.11308C14.7017 0.924586 15.2963 1.00568 15.7587 1.33228C16.2212 1.65848 16.497 2.19168 16.497 2.75758V11.0032C16.497 11.7732 15.9985 12.4422 15.2558 12.6678C14.8598 12.7884 14.4409 12.5643 14.3203 12.1678C14.2002 11.7713 14.4239 11.3529 14.8203 11.2323C14.9018 11.2079 14.9972 11.1327 14.9972 11.0033V2.75758C14.9972 2.64718 14.9323 2.58468 14.8937 2.55738C14.8551 2.53008 14.7746 2.48808 14.6706 2.52708C10.906 3.86208 7.08807 3.86158 3.32437 2.52758C3.21887 2.49048 3.13887 2.53048 3.10077 2.55788C3.06217 2.58518 2.99727 2.64768 2.99727 2.75858V11.0027C2.99727 11.1321 3.09347 11.2073 3.17547 11.2327C3.57147 11.3533 3.79507 11.7723 3.67397 12.1687C3.57537 12.4919 3.27827 12.7 2.95697 12.7Z"
        fill="currentColor"
      />
      <path
        d="M8.99902 9.5C10.2416 9.5 11.249 8.49264 11.249 7.25C11.249 6.00736 10.2416 5 8.99902 5C7.75638 5 6.74902 6.00736 6.74902 7.25C6.74902 8.49264 7.75638 9.5 8.99902 9.5Z"
        fill="currentColor"
      />
      <path
        d="M13.4606 14.5661C13.0055 12.5002 11.1291 11.0012 8.99821 11.0012C6.86731 11.0012 4.99091 12.5002 4.53581 14.5666C4.35171 15.405 4.87561 16.2634 5.72871 16.5207C6.78831 16.8395 7.88841 17.0012 8.99821 17.0012C10.1037 17.0012 11.2033 16.8396 12.2672 16.5207C13.1212 16.2639 13.6451 15.4055 13.4606 14.5661Z"
        fill="currentColor"
      />
    </svg>
  );
};
