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

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

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

  return (
    <svg
      className={classNames}
      width={size}
      height={size}
      viewBox="0 0 24 24"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
      {...ariaProps}
    >
      <path
        d="M3 2H5C5.28333 2 5.52083 2.09583 5.7125 2.2875C5.90417 2.47917 6 2.71667 6 3V22C5.45 22 4.97917 21.8042 4.5875 21.4125C4.19583 21.0208 4 20.55 4 20V4H3C2.71667 4 2.47917 3.90417 2.2875 3.7125C2.09583 3.52083 2 3.28333 2 3C2 2.71667 2.09583 2.47917 2.2875 2.2875C2.47917 2.09583 2.71667 2 3 2ZM9 22C8.45 22 7.97917 21.8042 7.5875 21.4125C7.19583 21.0208 7 20.55 7 20V4C7 3.45 7.19583 2.97917 7.5875 2.5875C7.97917 2.19583 8.45 2 9 2H18C18.55 2 19.0208 2.19583 19.4125 2.5875C19.8042 2.97917 20 3.45 20 4V20C20 20.55 19.8042 21.0208 19.4125 21.4125C19.0208 21.8042 18.55 22 18 22H9ZM9 10.525C9.3 10.3417 9.61667 10.2083 9.95 10.125C10.2833 10.0417 10.6333 10 11 10H16C16.3667 10 16.7167 10.0417 17.05 10.125C17.3833 10.2083 17.7 10.3417 18 10.525V4H9V10.525ZM13.5 9C12.95 9 12.4792 8.80417 12.0875 8.4125C11.6958 8.02083 11.5 7.55 11.5 7C11.5 6.45 11.6958 5.97917 12.0875 5.5875C12.4792 5.19583 12.95 5 13.5 5C14.05 5 14.5208 5.19583 14.9125 5.5875C15.3042 5.97917 15.5 6.45 15.5 7C15.5 7.55 15.3042 8.02083 14.9125 8.4125C14.5208 8.80417 14.05 9 13.5 9ZM9 20H18V14C18 13.45 17.8042 12.9792 17.4125 12.5875C17.0208 12.1958 16.55 12 16 12H11C10.45 12 9.97917 12.1958 9.5875 12.5875C9.19583 12.9792 9 13.45 9 14V20Z"
        fill="#26201E"
      />
    </svg>
  )
}
