import { forwardRef } from "react";
import type { IconProps } from "../../types";

export const IconStatusSolid = forwardRef<SVGSVGElement, IconProps>(
  ({ color = "currentColor", ...props }, forwardedRef) => {
    const { className } = props;
    props = {
      ...props,
      width: `${props.width || props.size || 20}`,
      height: `${props.height || props.size || 20}`,
      className: `${
        className ? className + " " : ""
      }customeow-icon customeow-icon-icon-status-solid`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M13.8871 3.18189C14.283 3.21913 14.6773 3.262 15.07 3.31043C16.1942 3.44911 17 4.41371 17 5.51659V12.6449C16.6831 12.5506 16.3475 12.5 16 12.5C14.067 12.5 12.5 14.067 12.5 16C12.5 17.2731 13.1798 18.3875 14.1962 19H5.25C4.00736 19 3 17.9926 3 16.75V5.51659C3 4.41371 3.80579 3.44911 4.93005 3.31043C5.32266 3.26201 5.71697 3.21913 6.11291 3.18189C6.46903 1.92267 7.62676 1 9 1H11C12.3732 1 13.531 1.92267 13.8871 3.18189ZM7.5 4C7.5 3.17157 8.17157 2.5 9 2.5H11C11.8284 2.5 12.5 3.17157 12.5 4V4.5H7.5V4ZM6.75 9.5C7.16421 9.5 7.5 9.16421 7.5 8.75C7.5 8.33579 7.16421 8 6.75 8C6.33579 8 6 8.33579 6 8.75C6 9.16421 6.33579 9.5 6.75 9.5ZM7.5 11.75C7.5 12.1642 7.16421 12.5 6.75 12.5C6.33579 12.5 6 12.1642 6 11.75C6 11.3358 6.33579 11 6.75 11C7.16421 11 7.5 11.3358 7.5 11.75ZM9.25 8C8.83579 8 8.5 8.33579 8.5 8.75C8.5 9.16421 8.83579 9.5 9.25 9.5H13.25C13.6642 9.5 14 9.16421 14 8.75C14 8.33579 13.6642 8 13.25 8H9.25ZM8.5 11.75C8.5 11.3358 8.83579 11 9.25 11H13.25C13.6642 11 14 11.3358 14 11.75C14 12.1642 13.6642 12.5 13.25 12.5H9.25C8.83579 12.5 8.5 12.1642 8.5 11.75Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
        <path
          d="M16 18C17.1046 18 18 17.1046 18 16C18 14.8954 17.1046 14 16 14C14.8954 14 14 14.8954 14 16C14 17.1046 14.8954 18 16 18Z"
          fill={color}
        />
      </svg>
    );
  }
);

IconStatusSolid.displayName = "IconStatusSolid";

export default IconStatusSolid;