import { iconVariants } from "./variants"

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

export default function ChevronUpIcon({
  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="M12 9.55786L4.40885 16.5539C4.1658 16.7779 3.87717 16.8879 3.54297 16.8839C3.20877 16.8799 2.92014 16.7659 2.67708 16.5419C2.43403 16.3179 2.3125 16.0519 2.3125 15.7439C2.3125 15.4359 2.43403 15.1699 2.67708 14.9459L10.6198 7.63786C10.8194 7.45386 11.0365 7.31986 11.2708 7.23586C11.5052 7.15186 11.7483 7.10986 12 7.10986C12.2517 7.10986 12.4948 7.15186 12.7292 7.23586C12.9635 7.31986 13.1806 7.45386 13.3802 7.63786L21.3229 14.9579C21.566 15.1819 21.6853 15.4459 21.681 15.7499C21.6766 16.0539 21.553 16.3179 21.3099 16.5419C21.0668 16.7659 20.7782 16.8779 20.444 16.8779C20.1098 16.8779 19.8212 16.7659 19.5781 16.5419L12 9.55786Z"
        fill="#26201E"
      />
    </svg>
  )
}
