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

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

export default function MinimizeIcon({
  className,
  size = 24,
  color,
  ...props
}: IconProps) {
  const classNames = iconVariants({ className, color })
  return (
    <svg
      className={classNames}
      xmlns="http://www.w3.org/2000/svg"
      width={size}
      height={size}
      viewBox="0 0 24 24"
      fill="none"
      {...props}
    >
      <path
        d="M9.06248 16.25L5.06248 20.2625C4.87914 20.4458 4.66456 20.5375 4.41873 20.5375C4.17289 20.5375 3.95414 20.4417 3.76248 20.25C3.57081 20.0583 3.47498 19.8375 3.47498 19.5875C3.47498 19.3375 3.57081 19.1167 3.76248 18.925L7.74998 14.9375H6.22498C5.96664 14.9375 5.74581 14.8458 5.56248 14.6625C5.37914 14.4792 5.28748 14.2583 5.28748 14C5.28748 13.7417 5.37914 13.5208 5.56248 13.3375C5.74581 13.1542 5.96664 13.0625 6.22498 13.0625H9.99998C10.2583 13.0625 10.4791 13.1542 10.6625 13.3375C10.8458 13.5208 10.9375 13.7417 10.9375 14V17.775C10.9375 18.0333 10.8458 18.2542 10.6625 18.4375C10.4791 18.6208 10.2583 18.7125 9.99998 18.7125C9.74164 18.7125 9.52081 18.6208 9.33748 18.4375C9.15414 18.2542 9.06248 18.0333 9.06248 17.775V16.25ZM16.25 9.06251H17.775C18.0333 9.06251 18.2541 9.15418 18.4375 9.33751C18.6208 9.52084 18.7125 9.74168 18.7125 10C18.7125 10.2583 18.6208 10.4792 18.4375 10.6625C18.2541 10.8458 18.0333 10.9375 17.775 10.9375H14C13.7416 10.9375 13.5208 10.8458 13.3375 10.6625C13.1541 10.4792 13.0625 10.2583 13.0625 10V6.22501C13.0625 5.96668 13.1541 5.74584 13.3375 5.56251C13.5208 5.37918 13.7416 5.28751 14 5.28751C14.2583 5.28751 14.4791 5.37918 14.6625 5.56251C14.8458 5.74584 14.9375 5.96668 14.9375 6.22501V7.75001L18.925 3.75001C19.1083 3.56668 19.325 3.47293 19.575 3.46876C19.825 3.46459 20.0458 3.55834 20.2375 3.75001C20.4291 3.94168 20.525 4.16251 20.525 4.41251C20.525 4.66251 20.4291 4.88334 20.2375 5.07501L16.25 9.06251Z"
        fill="#26201E"
      />
    </svg>
  )
}