import { iconVariants } from "./variants"

import type { IconProps } from "@/types/components/icon"

export default function ChevronLeftIcon({
  className,
  color,
  ...props
}: IconProps) {
  const classNames = iconVariants({ className, color })
  return (
    <svg
      className={classNames}
      xmlns="http://www.w3.org/2000/svg"
      width="24"
      height="24"
      viewBox="0 0 24 24"
      fill="none"
      {...props}
    >
      <path
        d="M9.45002 12L16.7375 19.2875C16.9709 19.5209 17.0854 19.7959 17.0813 20.1125C17.0771 20.4292 16.9584 20.7042 16.725 20.9375C16.4917 21.1709 16.2167 21.2875 15.9 21.2875C15.5834 21.2875 15.3084 21.1709 15.075 20.9375L7.45002 13.325C7.25836 13.1334 7.11877 12.925 7.03127 12.7C6.94377 12.475 6.90002 12.2417 6.90002 12C6.90002 11.7584 6.94377 11.525 7.03127 11.3C7.11877 11.075 7.25836 10.8667 7.45002 10.675L15.075 3.05004C15.3084 2.8167 15.5854 2.70212 15.9063 2.70629C16.2271 2.71045 16.5042 2.8292 16.7375 3.06254C16.9709 3.29587 17.0875 3.57087 17.0875 3.88754C17.0875 4.2042 16.9709 4.4792 16.7375 4.71254L9.45002 12Z"
        fill="#26201E"
      />
    </svg>
  )
}
