import { iconVariants } from "./variants"

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

export default function OpenInNewSmallIcon({
  className,
  color,
  ...props
}: IconProps) {
  const classNames = iconVariants({ className, color })
  return (
    <svg
      className={classNames}
      xmlns="http://www.w3.org/2000/svg"
      width="20"
      height="20"
      viewBox="0 0 20 20"
      fill="none"
      {...props}
    >
      <path
        d="M4.58333 16.8125C4.19949 16.8125 3.87088 16.6758 3.59752 16.4025C3.32417 16.1291 3.1875 15.8005 3.1875 15.4167V4.58333C3.1875 4.19947 3.32417 3.87087 3.59752 3.59752C3.87088 3.32417 4.19949 3.1875 4.58333 3.1875H9.9375V4.58333H4.58333V15.4167H15.4167V10.0625H16.8125V15.4167C16.8125 15.8005 16.6758 16.1291 16.4025 16.4025C16.1291 16.6758 15.8005 16.8125 15.4167 16.8125H4.58333ZM8.09375 12.8958L7.10417 11.9062L14.4271 4.58333H11.8333V3.1875H16.8125V8.16667H15.4167V5.57292L8.09375 12.8958Z"
        fill="#26201E"
      />
    </svg>
  )
}
