import { SvgProps } from "./";

export const DidKeyIcon: React.FunctionComponent<SvgProps> = (props) => {
  return (
    <svg
      width={props.size || "16px"}
      height={props.size || "16px"}
      viewBox="0 0 16 16"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
    >
      <circle cx="8" cy="8" r="8" fill="#1F9665" />
      <path
        d="M8.325 7C7.9125 5.835 6.805 5 5.5 5C3.8425 5 2.5 6.3425 2.5 8C2.5 9.6575 3.8425 11 5.5 11C6.805 11 7.9125 10.165 8.325 9H10.5V11H12.5V9H13.5V7H8.325ZM5.5 9C4.9475 9 4.5 8.5525 4.5 8C4.5 7.4475 4.9475 7 5.5 7C6.0525 7 6.5 7.4475 6.5 8C6.5 8.5525 6.0525 9 5.5 9Z"
        fill="white"
      />
    </svg>
  );
};

export const DidSovIcon: React.FunctionComponent<SvgProps> = (props) => {
  return (
    <svg
      width={props.size || "18px"}
      height={props.size || "18px"}
      viewBox="0 0 18 18"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
    >
      <path
        d="M2.15058 6.87517C2.39285 6.12647 3.19507 5.71539 3.94425 5.96009C4.61269 6.17804 5.01112 6.84598 4.91236 7.52171L7.34431 8.30982C7.27669 8.45917 7.22561 8.61825 7.19107 8.78366L4.75669 7.9936C4.43707 8.59003 3.72874 8.8902 3.06323 8.6742C2.31598 8.42998 1.90734 7.62485 2.15058 6.87517ZM2.15058 11.599C1.90734 10.8498 2.31598 10.0446 3.06323 9.8009C3.73507 9.58295 4.44825 9.8909 4.76447 10.498L7.19301 9.69971C7.22707 9.86512 7.27912 10.0237 7.34723 10.1735L4.91528 10.9724C5.00334 11.6418 4.60734 12.2995 3.94425 12.5165C3.19507 12.7602 2.39285 12.3477 2.15058 11.599ZM4.91966 15.4213C5.55453 15.8839 6.44626 15.7438 6.90842 15.106C7.31755 14.5407 7.25382 13.7765 6.79069 13.2875L8.28907 11.2059C8.14409 11.1232 8.01031 11.0259 7.88723 10.9145L6.39226 12.9913C5.78171 12.6828 5.02085 12.8551 4.6049 13.4281C4.14225 14.065 4.28382 14.9572 4.91966 15.4213ZM13.8812 3.05382C13.2469 2.59117 12.3551 2.73079 11.8939 3.36955C11.4833 3.93533 11.5476 4.6996 12.0112 5.18852L10.5118 7.26922C10.6573 7.35241 10.7911 7.4502 10.9141 7.56112L12.4091 5.48431C13.0206 5.79225 13.7815 5.62052 14.197 5.04695C14.6591 4.40966 14.518 3.51744 13.8812 3.05382ZM16.6508 6.87517C16.8945 7.62485 16.4854 8.42998 15.7372 8.6742C15.0673 8.89166 14.3526 8.5842 14.0369 7.97852L11.6079 8.77539C11.5743 8.60998 11.5223 8.4509 11.4537 8.30155L13.8871 7.50274C13.798 6.83431 14.1945 6.1756 14.8576 5.96009C15.6053 5.71539 16.4085 6.12647 16.6508 6.87517ZM16.6508 11.599C16.4085 12.3477 15.6053 12.7602 14.8576 12.5165C14.1877 12.2975 13.7912 11.6291 13.8895 10.9544L11.4571 10.1663C11.5252 10.0154 11.5763 9.85733 11.6103 9.69193L14.0457 10.482C14.3643 9.88506 15.0726 9.58441 15.7372 9.8009C16.4854 10.0446 16.8945 10.8498 16.6508 11.599ZM13.8812 15.4213C14.5176 14.9572 14.6591 14.065 14.197 13.4281C13.7839 12.8604 13.0333 12.6863 12.4252 12.982L10.9205 10.9086C10.7984 11.0205 10.6641 11.1193 10.5196 11.2015L12.0238 13.2739C11.549 13.7624 11.4799 14.5354 11.893 15.106C12.3551 15.7438 13.2469 15.8839 13.8812 15.4213ZM9.40069 1.59387C10.1868 1.59387 10.8237 2.23214 10.8237 3.02122C10.8237 3.72566 10.3172 4.30798 9.6488 4.42571V6.99047C9.56755 6.98074 9.48436 6.97636 9.4002 6.97636C9.31604 6.97636 9.23431 6.98074 9.15209 6.99047V4.42571C8.48415 4.30798 7.97771 3.72566 7.97771 3.02122C7.97771 2.23214 8.61453 1.59387 9.40069 1.59387ZM9.6488 14.0494C10.3172 14.1681 10.8237 14.7509 10.8237 15.4548C10.8237 16.2439 10.1868 16.8807 9.40069 16.8807C8.61453 16.8807 7.97771 16.2439 7.97771 15.4548C7.97771 14.7509 8.48415 14.1681 9.15209 14.0494V11.4851C9.23431 11.4944 9.31604 11.4987 9.4002 11.4987C9.48436 11.4987 9.56755 11.4944 9.6488 11.4851V14.0494ZM9.40069 7.8102C8.61501 7.8102 7.97771 8.44944 7.97771 9.23804C7.97771 10.0271 8.61453 10.6644 9.40069 10.6654C10.1868 10.6644 10.8232 10.0271 10.8232 9.23804C10.8232 8.44944 10.1864 7.8102 9.40069 7.8102ZM4.92015 3.05382C4.28334 3.51744 4.14225 4.40966 4.6049 5.04695C5.01647 5.61566 5.76761 5.78885 6.37571 5.49306L7.88139 7.56647C8.0035 7.45506 8.13728 7.35631 8.28128 7.2736L6.77707 5.20263C7.25236 4.7142 7.32144 3.9402 6.90793 3.36955C6.44626 2.73079 5.55453 2.59117 4.92015 3.05382Z"
        fill="#F8A31A"
      />
    </svg>
  );
};

export const DidWebIcon: React.FunctionComponent<SvgProps> = (props) => {
  return (
    <svg
      width={props.size || "16px"}
      height={props.size || "16px"}
      viewBox="0 0 16 16"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
    >
      <path
        d="M2.045 8.75C2.18254 9.84185 2.61771 10.8748 3.30291 11.736C3.98811 12.5971 4.89695 13.2532 5.93 13.6325C5.33377 12.0733 5.02381 10.4193 5.015 8.75H2.045ZM2.045 7.25H5.015C5.02381 5.58071 5.33377 3.92671 5.93 2.3675C4.89695 2.74679 3.98811 3.40289 3.30291 4.26402C2.61771 5.12516 2.18254 6.15815 2.045 7.25ZM13.955 7.25C13.8175 6.15815 13.3823 5.12516 12.6971 4.26402C12.0119 3.40289 11.1031 2.74679 10.07 2.3675C10.6662 3.92671 10.9762 5.58071 10.985 7.25H13.955ZM13.955 8.75H10.985C10.9762 10.4193 10.6662 12.0733 10.07 13.6325C11.1031 13.2532 12.0119 12.5971 12.6971 11.736C13.3823 10.8748 13.8175 9.84185 13.955 8.75ZM6.515 8.75C6.635 11.7125 7.4375 14 8 14C8.5625 14 9.365 11.7125 9.485 8.75H6.515ZM6.515 7.25H9.485C9.365 4.2875 8.5625 2 8 2C7.4375 2 6.635 4.2875 6.515 7.25ZM8 15.5C6.01088 15.5 4.10322 14.7098 2.6967 13.3033C1.29018 11.8968 0.5 9.98912 0.5 8C0.5 6.01088 1.29018 4.10322 2.6967 2.6967C4.10322 1.29018 6.01088 0.5 8 0.5C9.98912 0.5 11.8968 1.29018 13.3033 2.6967C14.7098 4.10322 15.5 6.01088 15.5 8C15.5 9.98912 14.7098 11.8968 13.3033 13.3033C11.8968 14.7098 9.98912 15.5 8 15.5Z"
        fill="#0079E0"
      />
    </svg>
  );
};