"use client";

import React from "react";
import type { CSSProperties } from "react";

import { useIconSize } from "../contexts/IconSizeContext";

type Props = {
  size?: number;
  color?: string;
  style?: CSSProperties;
};

export default function LogoCheckly({
  color = "currentcolor",
  size,
  ...props
}: Props) {
  const iconSize = useIconSize();
  const height = size || iconSize.size;
  const width = size || iconSize.size;
  const style = { color, ...props.style };
  return (
    <svg
      {...props}
      data-testid="geist-icon"
      height={height}
      strokeLinejoin="round"
      style={style}
      viewBox="0 0 16 16"
      width={width}
    >
      <g clipPath="url(#clip0_872_3160)">
        <path
          d="M16 9.98286V3.35657C16 1.50286 14.4972 0 12.6438 0H3.35653C1.50302 0 0.000171106 1.50286 0.000171106 3.35638V9.98305C-0.161161 14.96 3.59002 14.7381 4.10068 14.7381L7.99265 14.9956L8.0056 14.9966L12.2153 14.7381C12.7261 14.7381 16.1613 14.9604 16 9.98286Z"
          fill="#0075FF"
        />
        <path
          d="M10.2515 7.78838C14.0277 5.19086 14.3151 7.33886 12.7982 10.5992L12.7988 10.5996C12.3275 11.4349 13.3599 11.7749 14.2327 11.8916C14.233 11.8922 13.7056 13.5103 12.5704 14.4326L10.6218 14.8935L9.99307 15.0903C9.98792 15.0907 9.11174 15.3543 8.97974 15.3912L7.01976 15.3909C6.88757 15.3537 6.01138 15.0899 6.00643 15.0899L5.37787 14.893L3.42912 14.432C2.29389 13.5097 1.76627 11.8916 1.76685 11.891C2.63903 11.7745 3.67197 11.4343 3.20055 10.5992C1.6838 7.33848 1.97104 5.19086 5.74739 7.78838C6.45424 7.49429 7.11347 7.43467 7.98775 7.41619C7.9897 7.41655 7.99168 7.41668 7.99366 7.41657H8.01118C8.88546 7.43524 9.54412 7.49429 10.2515 7.78838Z"
          fill="white"
        />
        <path
          d="M3.29684 7.37562C3.23817 7.388 3.17913 7.40514 3.12846 7.43772C2.96522 7.54343 3.00332 7.78533 3.01684 7.9501C3.04294 8.26533 3.11208 8.58133 3.19455 8.88895C3.25104 9.10418 3.32408 9.31471 3.41303 9.51867C3.51237 9.36494 3.62343 9.21911 3.74522 9.08248C3.83828 8.97736 3.93657 8.87698 4.03969 8.78172C4.58026 8.28172 5.11835 8.03314 5.11835 8.03314C4.59931 7.66 3.96598 7.23124 3.29741 7.37505L3.29684 7.37562ZM12.7011 7.37562C12.7598 7.388 12.8189 7.40514 12.8695 7.43772C13.0328 7.54343 12.9947 7.78533 12.9813 7.9501C12.9552 8.26533 12.8861 8.58133 12.8034 8.88895C12.7469 9.10418 12.6739 9.31471 12.585 9.51867C12.4857 9.36495 12.3747 9.21912 12.253 9.08248C12.1598 8.97736 12.0615 8.87698 11.9583 8.78172C11.4177 8.28172 10.8798 8.03314 10.8798 8.03314C11.3987 7.66 12.032 7.23124 12.7008 7.37505L12.7011 7.37562ZM8.97718 15.3874L8.96956 15.3703C8.86651 15.1383 8.65604 14.9716 8.42099 14.8853C8.14345 14.785 7.83926 14.7868 7.5629 14.8903C7.33243 14.9779 7.13052 15.1429 7.02786 15.3703L7.02043 15.3874C7.01982 15.3885 7.01931 15.3897 7.01891 15.3909C7.22576 15.729 7.58652 15.9954 7.9928 16H8.0048C8.41166 15.996 8.77165 15.7299 8.97908 15.3914C8.97848 15.3903 8.97797 15.3891 8.97756 15.3878L8.97718 15.3874ZM7.49871 12.0109C7.40586 11.91 7.2999 11.822 7.18367 11.7493C7.05848 11.671 6.92472 11.6074 6.785 11.5596C6.63635 11.5088 6.48263 11.4741 6.32653 11.4564C6.16234 11.4377 5.99606 11.4373 5.83168 11.4554C5.65892 11.4739 5.48806 11.513 5.32425 11.571C5.1494 11.6331 4.98254 11.7168 4.82768 11.819C4.6584 11.9317 4.50348 12.0647 4.36635 12.2149C4.21055 12.3842 4.07683 12.573 3.96312 12.773C3.83189 13.0069 3.72432 13.2534 3.64198 13.5088C3.54482 13.81 3.47308 14.1188 3.4275 14.432C3.42065 14.4787 3.4136 14.5248 3.40712 14.5722V14.5703C3.40255 14.5998 3.39055 14.6674 3.38655 14.7101C4.26217 14.8118 5.1374 14.9314 6.00501 15.0897C5.98996 15.0872 6.1031 14.5979 6.11739 14.5482C6.15377 14.419 6.19834 14.2912 6.26044 14.172C6.34767 14.0042 6.47034 13.864 6.63072 13.7632C6.78005 13.6695 6.94576 13.6059 7.10214 13.5251C7.28138 13.4326 7.45376 13.321 7.59795 13.179C7.73985 13.0404 7.78595 12.8851 7.78385 12.6882C7.78191 12.5644 7.7557 12.4422 7.70671 12.3286C7.65548 12.2118 7.58526 12.1043 7.4989 12.0105L7.49871 12.0109ZM12.6111 14.7101C12.6065 14.6669 12.5951 14.5998 12.5905 14.5703V14.5722C12.5846 14.5246 12.5771 14.4787 12.5699 14.432C12.5244 14.1188 12.4527 13.81 12.3556 13.5088C12.2731 13.2534 12.1656 13.0069 12.0345 12.7728C11.9208 12.573 11.7869 12.3842 11.6313 12.2147C11.4939 12.0647 11.339 11.9318 11.1697 11.819C11.015 11.7164 10.8483 11.6332 10.6734 11.571C10.5095 11.513 10.3387 11.4739 10.1659 11.4554C10.0014 11.4375 9.83536 11.4378 9.67089 11.4564C9.51481 11.4739 9.36112 11.5085 9.2126 11.5596C9.07337 11.6076 8.93851 11.6707 8.81394 11.7493C8.69764 11.822 8.59161 11.91 8.4987 12.0109C8.41218 12.1046 8.34194 12.2121 8.2909 12.329C8.24164 12.4426 8.21542 12.5649 8.21375 12.6888C8.21185 12.8855 8.25775 13.0404 8.39947 13.1796C8.54385 13.3213 8.71623 13.433 8.89546 13.5257C9.05165 13.6065 9.21756 13.6695 9.36689 13.7638C9.52727 13.8644 9.64993 14.0048 9.73717 14.1726C9.79869 14.2918 9.84384 14.4194 9.88041 14.5488C9.89431 14.5983 10.0076 15.0878 9.9926 15.0903C10.8602 14.932 11.7354 14.8122 12.6111 14.7105V14.7101Z"
          fill="#002F66"
        />
        <path
          d="M6.3216 13.1581C6.37277 13.1581 6.42345 13.148 6.47073 13.1284C6.51801 13.1088 6.56098 13.0801 6.59716 13.0439C6.63335 13.0078 6.66206 12.9648 6.68164 12.9175C6.70123 12.8702 6.71131 12.8196 6.71131 12.7684C6.71131 12.7172 6.70123 12.6665 6.68164 12.6192C6.66206 12.572 6.63335 12.529 6.59716 12.4928C6.56098 12.4566 6.51801 12.4279 6.47073 12.4083C6.42345 12.3887 6.37277 12.3787 6.3216 12.3787C6.21824 12.3787 6.11911 12.4197 6.04603 12.4928C5.97294 12.5659 5.93188 12.665 5.93188 12.7684C5.93188 12.8717 5.97294 12.9709 6.04603 13.0439C6.11911 13.117 6.21824 13.1581 6.3216 13.1581ZM9.67643 13.1581C9.72761 13.1581 9.77828 13.148 9.82556 13.1284C9.87285 13.1088 9.91581 13.0801 9.95199 13.0439C9.98818 13.0078 10.0169 12.9648 10.0365 12.9175C10.0561 12.8702 10.0661 12.8196 10.0661 12.7684C10.0661 12.7172 10.0561 12.6665 10.0365 12.6192C10.0169 12.572 9.98818 12.529 9.95199 12.4928C9.91581 12.4566 9.87285 12.4279 9.82556 12.4083C9.77828 12.3887 9.72761 12.3787 9.67643 12.3787C9.57307 12.3787 9.47395 12.4197 9.40086 12.4928C9.32778 12.5659 9.28672 12.665 9.28672 12.7684C9.28672 12.8717 9.32778 12.9709 9.40086 13.0439C9.47395 13.117 9.57307 13.1581 9.67643 13.1581Z"
          fill="white"
        />
      </g>
      <defs>
        <clipPath id="clip0_872_3160">
          <rect width="16" height="16" fill="white" />
        </clipPath>
      </defs>
    </svg>
  );
}
