import { iconVariants } from '../../variants'

import type { IconProps } from '../../icon'

export default function ViewIcon({
  className,
  size = 24,
  color,
  ...props
}: IconProps) {
  const classNames = iconVariants({ className, color })
  return (
    <svg
      className={classNames}
      width={size}
      height={size}
      viewBox="0 0 24 24"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M7.13748 17.0121H16.8826C17.0775 17.0121 17.2208 16.9267 17.3125 16.7559C17.4041 16.585 17.3875 16.4204 17.2625 16.2621L14.575 12.6871C14.4807 12.5621 14.3551 12.4996 14.198 12.4996C14.041 12.4996 13.9166 12.5621 13.825 12.6871L11.25 16.1121L9.42498 13.6996C9.33074 13.5746 9.2051 13.5121 9.04805 13.5121C8.891 13.5121 8.76664 13.5746 8.67498 13.6996L6.76588 16.2603C6.63861 16.4198 6.62185 16.585 6.7156 16.7559C6.80935 16.9267 6.94998 17.0121 7.13748 17.0121Z"
        fill="#26201E"
      />
      <path
        fill-rule="evenodd"
        clip-rule="evenodd"
        d="M5.09998 20.7746C4.58434 20.7746 4.14293 20.591 3.77575 20.2238C3.40857 19.8567 3.22498 19.4152 3.22498 18.8996V5.09961C3.22498 4.58398 3.40857 4.14257 3.77575 3.77538C4.14293 3.4082 4.58434 3.22461 5.09998 3.22461H18.9C19.4156 3.22461 19.857 3.4082 20.2242 3.77538C20.5914 4.14257 20.775 4.58398 20.775 5.09961V18.8996C20.775 19.4152 20.5914 19.8567 20.2242 20.2238C19.857 20.591 19.4156 20.7746 18.9 20.7746H5.09998ZM18.9 10.4996V18.8996H5.09998V10.4996H11.0625V12.5855C11.0625 12.7695 11.2899 12.8558 11.4121 12.7183L12.9375 10.9996V10.4996H18.9ZM18.9 5.09961V8.6246H12.9375V5.09961H18.9ZM5.09998 5.09961H11.0625V8.58085L5.09998 8.6246V5.09961Z"
        fill="#26201E"
      />
    </svg>
  )
}
