import { type SVGProps } from "react";

export const LoginIcon = (props: SVGProps<SVGSVGElement>) => (
  <svg
    width={16}
    height={16}
    viewBox="0 0 16 16"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
    {...props}
  >
    <path
      d="M10 1H13C13.3978 1 13.7794 1.15804 14.0607 1.43934C14.342 1.72064 14.5 2.10218 14.5 2.5V13C14.5 13.3978 14.342 13.7794 14.0607 14.0607C13.7794 14.342 13.3978 14.5 13 14.5H10"
      stroke="currentColor"
      strokeWidth="2"
      strokeLinecap="round"
      strokeLinejoin="round"
    />
    <path d="M6.25 11.5L10 7.75L6.25 4" fill="white" />
    <path
      d="M6.25 11.5L10 7.75L6.25 4"
      stroke="currentColor"
      strokeWidth="2"
      strokeLinecap="round"
      strokeLinejoin="round"
    />
    <path
      d="M10 7.75H1"
      stroke="currentColor"
      strokeWidth="2"
      strokeLinecap="round"
      strokeLinejoin="round"
    />
  </svg>
);

export const AIIcon = (props: SVGProps<SVGSVGElement>) => (
  <svg
    width={18}
    height={18}
    viewBox="0 0 18 18"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
    {...props}
  >
    <path
      d="M7.31267 18.0006C7.18962 18.0006 7.07009 17.976 6.95759 17.9232C6.74314 17.8283 6.5779 17.656 6.49353 17.4346L5.0029 13.5603L1.12516 12.0697C0.89313 11.9818 0.710317 11.7955 0.618911 11.5635C0.446645 11.1099 0.671645 10.6002 1.12516 10.4279L4.99939 8.93729L6.49353 5.06306C6.58142 4.83103 6.76775 4.64822 6.99978 4.55681C7.21775 4.47244 7.45681 4.47947 7.67126 4.57439C7.88572 4.66931 8.05095 4.84158 8.13533 5.06306L9.62595 8.93729L13.5002 10.4314C13.7322 10.5193 13.915 10.7056 14.0064 10.9377C14.1822 11.3912 13.9537 11.901 13.5002 12.0732L9.62595 13.5639L8.13181 17.4381C8.04392 17.6701 7.85759 17.8529 7.62556 17.9443C7.52712 17.983 7.41814 18.0006 7.31267 18.0006ZM2.12712 11.2506L5.50915 12.5514C5.74118 12.6392 5.924 12.8256 6.0154 13.0576L7.31619 16.4396L8.61697 13.0576C8.70486 12.8256 8.89119 12.6428 9.12322 12.5514L12.5053 11.2506L9.12322 9.94979C8.89119 9.8619 8.70838 9.67557 8.61697 9.44354L7.31619 6.0615L6.0154 9.44354C5.92751 9.67557 5.74118 9.85838 5.50915 9.94979L2.12712 11.2506ZM9.66111 9.04275C9.66463 9.04275 9.66463 9.04275 9.66111 9.04275V9.04275Z"
      fill="currentColor"
    />
    <path
      d="M3.09375 6.18751C2.86172 6.18751 2.65079 6.04337 2.56993 5.8254L1.95821 4.2293L0.36211 3.61758C0.144141 3.53672 0 3.32579 0 3.09375C0 2.86172 0.144141 2.65079 0.36211 2.56993L1.95821 1.95821L2.56993 0.36211C2.65079 0.144141 2.86172 0 3.09375 0C3.32579 0 3.53672 0.144141 3.61758 0.36211L4.2293 1.95821L5.8254 2.56993C6.04337 2.6543 6.18751 2.86172 6.18751 3.09375C6.18751 3.32579 6.04337 3.53672 5.8254 3.61758L4.2293 4.2293L3.61758 5.8254C3.53672 6.04337 3.32579 6.18751 3.09375 6.18751ZM2.13047 3.09375L2.59454 3.27305C2.74219 3.3293 2.86172 3.44883 2.91797 3.59649L3.09727 4.06055L3.27657 3.59649C3.33282 3.44883 3.45235 3.3293 3.60001 3.27305L4.06407 3.09375L3.60001 2.91446C3.45235 2.85821 3.33282 2.73868 3.27657 2.59102L3.09375 2.13047L2.91446 2.59454C2.85821 2.74219 2.73868 2.86172 2.59102 2.91797L2.13047 3.09375Z"
      fill="currentColor"
    />
    <path
      d="M14.0625 9.00001C13.8305 9.00001 13.6195 8.85587 13.5387 8.6379L12.6914 6.4336L10.4871 5.58633C10.2691 5.50196 10.125 5.29454 10.125 5.06251C10.125 4.83047 10.2691 4.61954 10.4871 4.53868L12.6914 3.69141L13.5387 1.48711C13.6231 1.26914 13.8305 1.125 14.0625 1.125C14.2945 1.125 14.5055 1.26914 14.5863 1.48711L15.4336 3.69141L17.6379 4.53868C17.8559 4.62305 18 4.83047 18 5.06251C18 5.29454 17.8559 5.50548 17.6379 5.58633L15.4336 6.4336L14.5863 8.6379C14.5055 8.85587 14.2945 9.00001 14.0625 9.00001ZM12.2555 5.06251L13.3277 5.47383C13.4754 5.53008 13.5949 5.64962 13.6512 5.79727L14.0625 6.86954L14.4738 5.79727C14.5301 5.64962 14.6496 5.53008 14.7973 5.47383L15.8695 5.06251L14.7973 4.65118C14.6496 4.59493 14.5301 4.4754 14.4738 4.32774L14.0625 3.25547L13.6512 4.32774C13.5949 4.4754 13.4754 4.59493 13.3277 4.65118L12.2555 5.06251Z"
      fill="currentColor"
    />
  </svg>
);

export const EmailIcon = (props: SVGProps<SVGSVGElement>) => (
  <svg
    width={16}
    height={13}
    viewBox="0 0 16 13"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
    {...props}
  >
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M1.96875 1.125C1.50276 1.125 1.125 1.50276 1.125 1.96875V10.4062C1.125 10.8722 1.50276 11.25 1.96875 11.25H13.7812C14.2472 11.25 14.625 10.8722 14.625 10.4062V1.96875C14.625 1.50276 14.2472 1.125 13.7812 1.125H1.96875ZM0 1.96875C0 0.881439 0.881439 0 1.96875 0H13.7812C14.8686 0 15.75 0.881439 15.75 1.96875V10.4062C15.75 11.4936 14.8686 12.375 13.7812 12.375H1.96875C0.881439 12.375 0 11.4936 0 10.4062V1.96875Z"
      fill="currentColor"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M2.36852 2.46718C2.55924 2.22196 2.91265 2.17779 3.15787 2.36852L7.87503 6.03742L12.5922 2.36852C12.8374 2.17779 13.1908 2.22196 13.3815 2.46718C13.5723 2.7124 13.5281 3.06581 13.2829 3.25654L8.22037 7.19404C8.01724 7.35202 7.73281 7.35202 7.52968 7.19404L2.46718 3.25654C2.22196 3.06581 2.17779 2.7124 2.36852 2.46718Z"
      fill="currentColor"
    />
  </svg>
);

export const CheckIcon = (props: SVGProps<SVGSVGElement>) => (
  <svg
    width={30}
    height={30}
    viewBox="0 0 30 30"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
    {...props}
  >
    <path
      d="M14.625 0C6.56086 0 0 6.56086 0 14.625C0 22.6891 6.56086 29.25 14.625 29.25C22.6891 29.25 29.25 22.6891 29.25 14.625C29.25 6.56086 22.6891 0 14.625 0ZM22.2363 9.72352L12.7863 20.9735C12.6827 21.097 12.5537 21.1967 12.4081 21.266C12.2625 21.3353 12.1038 21.3724 11.9426 21.375H11.9236C11.7659 21.3749 11.61 21.3417 11.466 21.2775C11.3219 21.2133 11.193 21.1196 11.0876 21.0023L7.03758 16.5023C6.93472 16.3933 6.85471 16.2647 6.80225 16.1242C6.74978 15.9838 6.72593 15.8343 6.73207 15.6845C6.73822 15.5346 6.77426 15.3876 6.83805 15.2519C6.90185 15.1162 6.99213 14.9946 7.10358 14.8943C7.21503 14.7941 7.34541 14.717 7.48704 14.6679C7.62868 14.6187 7.77872 14.5983 7.92834 14.6079C8.07797 14.6175 8.22416 14.657 8.35833 14.7239C8.49249 14.7908 8.61193 14.8839 8.70961 14.9977L11.8941 18.5358L20.5137 8.27648C20.707 8.05295 20.9806 7.91447 21.2752 7.891C21.5698 7.86752 21.8618 7.96092 22.0881 8.15102C22.3144 8.34112 22.4569 8.61264 22.4846 8.90689C22.5123 9.20114 22.4231 9.49449 22.2363 9.72352Z"
      fill="currentColor"
    />
  </svg>
);

export const TimesIcon = (props: SVGProps<SVGSVGElement>) => (
  <svg
    width={30}
    height={30}
    viewBox="0 0 30 30"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
    {...props}
  >
    <path
      d="M14.625 0C6.56086 0 0 6.56086 0 14.625C0 22.6891 6.56086 29.25 14.625 29.25C22.6891 29.25 29.25 22.6891 29.25 14.625C29.25 6.56086 22.6891 0 14.625 0ZM19.9202 18.3298C20.0291 18.4332 20.1162 18.5574 20.1763 18.695C20.2364 18.8326 20.2684 18.9808 20.2703 19.131C20.2722 19.2811 20.244 19.4301 20.1875 19.5692C20.1309 19.7083 20.047 19.8347 19.9409 19.9409C19.8347 20.047 19.7083 20.1309 19.5692 20.1875C19.4301 20.244 19.2811 20.2722 19.131 20.2703C18.9808 20.2684 18.8326 20.2364 18.695 20.1763C18.5574 20.1162 18.4332 20.0291 18.3298 19.9202L14.625 16.2162L10.9202 19.9202C10.7075 20.1223 10.4243 20.2333 10.131 20.2295C9.83761 20.2258 9.55732 20.1076 9.34987 19.9001C9.14242 19.6927 9.02421 19.4124 9.02046 19.119C9.0167 18.8257 9.12769 18.5425 9.32977 18.3298L13.0338 14.625L9.32977 10.9202C9.12769 10.7075 9.0167 10.4243 9.02046 10.131C9.02421 9.83761 9.14242 9.55732 9.34987 9.34987C9.55732 9.14242 9.83761 9.02421 10.131 9.02046C10.4243 9.0167 10.7075 9.12769 10.9202 9.32977L14.625 13.0338L18.3298 9.32977C18.5425 9.12769 18.8257 9.0167 19.119 9.02046C19.4124 9.02421 19.6927 9.14242 19.9001 9.34987C20.1076 9.55732 20.2258 9.83761 20.2295 10.131C20.2333 10.4243 20.1223 10.7075 19.9202 10.9202L16.2162 14.625L19.9202 18.3298Z"
      fill="currentColor"
    />
  </svg>
);
