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

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

export default function CouchTableIcon({
  className,
  color,
  size = 24,
  ...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="M4 19C3.15 19 2.4375 18.7125 1.8625 18.1375C1.2875 17.5625 1 16.85 1 16V13.5C1 12.95 1.18333 12.4375 1.55 11.9625C1.91667 11.4875 2.4 11.2 3 11.1V9C3 8.45 3.19583 7.97917 3.5875 7.5875C3.97917 7.19583 4.45 7 5 7H13C13.55 7 14.0208 7.19583 14.4125 7.5875C14.8042 7.97917 15 8.45 15 9V11.1C15.6 11.2 16.0833 11.475 16.45 11.925C16.8167 12.375 17 12.9 17 13.5V16C17 16.85 16.7125 17.5625 16.1375 18.1375C15.5625 18.7125 14.85 19 14 19H4ZM5 9V11.5C5.3 11.75 5.54167 12.0458 5.725 12.3875C5.90833 12.7292 6 13.1 6 13.5V14H12V13.5C12 13.1 12.0917 12.7292 12.275 12.3875C12.4583 12.0458 12.7 11.75 13 11.5V9H5ZM4 17H14C14.3 17 14.5417 16.8958 14.725 16.6875C14.9083 16.4792 15 16.25 15 16V13.5C15 13.35 14.9542 13.2292 14.8625 13.1375C14.7708 13.0458 14.65 13 14.5 13C14.35 13 14.2292 13.0458 14.1375 13.1375C14.0458 13.2292 14 13.35 14 13.5V16H4V13.5C4 13.35 3.95417 13.2292 3.8625 13.1375C3.77083 13.0458 3.65 13 3.5 13C3.35 13 3.22917 13.0458 3.1375 13.1375C3.04583 13.2292 3 13.35 3 13.5V16C3 16.25 3.09167 16.4792 3.275 16.6875C3.45833 16.8958 3.7 17 4 17Z"
        fill="#26201E"
      />
      <path
        d="M21 13.8665V19H19V13.885L16.824 13.8963C16.349 13.8988 15.9627 13.5144 15.9627 13.0394C15.9627 12.567 16.3451 12.1836 16.8176 12.1826L21.9997 12.1707C22.4688 12.1696 22.8496 12.5495 22.8496 13.0186C22.8496 13.4869 22.47 13.8665 22.0017 13.8665H21Z"
        fill="#26201E"
      />
    </svg>
  )
}