import { iconVariants } from "./variants"

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

export default function ChevronUpSmallIcon({
  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="M11.685 10.8421L7.6626 14.8645C7.47351 15.0536 7.24454 15.1482 6.97569 15.1482C6.70683 15.1482 6.477 15.0528 6.2862 14.862C6.0954 14.6712 6 14.4413 6 14.1725C6 13.9036 6.09393 13.6753 6.2818 13.4874L10.9955 8.77369C11.0909 8.67829 11.1963 8.60674 11.3116 8.55904C11.427 8.51134 11.5506 8.48749 11.6824 8.48749C11.8142 8.48749 11.9387 8.51134 12.0558 8.55904C12.1728 8.60674 12.2791 8.67829 12.3745 8.77369L17.0882 13.4874C17.2761 13.6753 17.37 13.9036 17.37 14.1725C17.37 14.4413 17.2746 14.6712 17.0838 14.862C16.893 15.0528 16.6632 15.1482 16.3943 15.1482C16.1255 15.1482 15.8965 15.0536 15.7074 14.8645L11.685 10.8421Z"
        fill="#26201E"
      />
    </svg>
  )
}
