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

import type { IconProps } from "../../icon"
import { getIconAriaProps } from "../../utils"

export default function FootStoolIcon({
  className,
  size = 24,
  color,
  ...props
}: IconProps) {
  const classNames = iconVariants({ className, color })
  const ariaProps = getIconAriaProps(props)

  return (
    <svg
      className={classNames}
      xmlns="http://www.w3.org/2000/svg"
      width={size}
      height={size}
      viewBox="0 0 24 24"
      fill="none"
      {...props}
      {...ariaProps}
    >
      <path
        d="M3.22498 19.8125V9.9444C3.22498 9.40648 3.41456 8.95211 3.79373 8.58127C4.17289 8.21044 4.63183 8.02502 5.17053 8.02502C14.294 8.02502 15.676 8.02502 18.8294 8.02502C19.3681 8.02502 19.8271 8.21044 20.2062 8.58127C20.5854 8.95211 20.775 9.40648 20.775 9.9444V19.8125C20.775 20.0709 20.6833 20.2917 20.5 20.475C20.3166 20.6584 20.0958 20.75 19.8375 20.75C19.5791 20.75 19.3583 20.6584 19.175 20.475C18.9916 20.2917 18.9 20.0709 18.9 19.8125V14.8H5.09998V19.8125C5.09998 20.0709 5.00831 20.2917 4.82498 20.475C4.64164 20.6584 4.42081 20.75 4.16248 20.75C3.90414 20.75 3.68331 20.6584 3.49998 20.475C3.31664 20.2917 3.22498 20.0709 3.22498 19.8125ZM5.09998 12.925H18.9V9.90003H5.09998V12.925Z"
        fill="#26201E"
      />
    </svg>
  )
}
