import { type SVGProps } from "react";

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>
);