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

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

export default function TowelIcon({
  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="M4 22C3.45 22 2.97917 21.8042 2.5875 21.4125C2.19583 21.0208 2 20.55 2 20V4C2 3.45 2.19583 2.97917 2.5875 2.5875C2.97917 2.19583 3.45 2 4 2H13C13.55 2 14.0208 2.19583 14.4125 2.5875C14.8042 2.97917 15 3.45 15 4V20C15 20.55 14.8042 21.0208 14.4125 21.4125C14.0208 21.8042 13.55 22 13 22H4ZM4 10.525C4.3 10.3417 4.61667 10.2083 4.95 10.125C5.28333 10.0417 5.63333 10 6 10H11C11.3667 10 11.7167 10.0417 12.05 10.125C12.3833 10.2083 12.7 10.3417 13 10.525V4H4V10.525ZM8.5 9C7.95 9 7.47917 8.80417 7.0875 8.4125C6.69583 8.02083 6.5 7.55 6.5 7C6.5 6.45 6.69583 5.97917 7.0875 5.5875C7.47917 5.19583 7.95 5 8.5 5C9.05 5 9.52083 5.19583 9.9125 5.5875C10.3042 5.97917 10.5 6.45 10.5 7C10.5 7.55 10.3042 8.02083 9.9125 8.4125C9.52083 8.80417 9.05 9 8.5 9ZM20.204 14.796C19.8152 15.1848 19.1848 15.1848 18.796 14.796C18.4103 14.4103 18.4067 13.7861 18.7879 13.3961L19.175 13H17C16.4477 13 16 12.5523 16 12C16 11.4477 16.4477 11 17 11H19.175L18.7879 10.6039C18.4067 10.2139 18.4103 9.58969 18.796 9.20402C19.1848 8.8152 19.8152 8.8152 20.204 9.20402L22.2929 11.2929C22.6834 11.6834 22.6834 12.3166 22.2929 12.7071L20.204 14.796ZM4 20H13V14C13 13.45 12.8042 12.9792 12.4125 12.5875C12.0208 12.1958 11.55 12 11 12H6C5.45 12 4.97917 12.1958 4.5875 12.5875C4.19583 12.9792 4 13.45 4 14V20Z"
        fill="#26201E"
      />
    </svg>
  )
}
