import { IconProps } from "./types"
import SVGUniqueID from "react-svg-unique-id"

export default function OpenInNewIcon({
  width = 16,
  height = 16,
  color = "inherit",
  cursor = "pointer",
  onClick,
}: IconProps) {
  return (
    <SVGUniqueID>
      <svg
        onClick={onClick}
        cursor={cursor}
        width={width}
        height={height}
        viewBox="0 0 16 16"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
      >
        <g clipPath="url(#clip0_9824_221910)">
          <path
            d="M12.6667 12.6667H3.33333V3.33333H8V2H3.33333C2.59333 2 2 2.6 2 3.33333V12.6667C2 13.4 2.59333 14 3.33333 14H12.6667C13.4 14 14 13.4 14 12.6667V8H12.6667V12.6667ZM9.33333 2V3.33333H11.7267L5.17333 9.88667L6.11333 10.8267L12.6667 4.27333V6.66667H14V2H9.33333Z"
            fill={color}
          />
        </g>
        <defs>
          <clipPath id="clip0_9824_221910">
            <rect width="16" height="16" fill="white" />
          </clipPath>
        </defs>
      </svg>
    </SVGUniqueID>
  )
}