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

export const IconListSolid = 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-shein-icon customeow-shein-icon-icon-list-solid`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M2.5 2.60001C1.94772 2.60001 1.5 3.04772 1.5 3.60001V4.80001C1.5 5.35229 1.94772 5.80001 2.5 5.80001H3.7C4.25228 5.80001 4.7 5.35229 4.7 4.80001V3.60001C4.7 3.04772 4.25228 2.60001 3.7 2.60001H2.5ZM8 2.60001C7.44772 2.60001 7 3.04772 7 3.60001V4.80001C7 5.35229 7.44771 5.80001 8 5.80001H17.5C18.0523 5.80001 18.5 5.35229 18.5 4.80001V3.60001C18.5 3.04772 18.0523 2.60001 17.5 2.60001H8ZM1.5 9.40001C1.5 8.84773 1.94772 8.40001 2.5 8.40001H3.7C4.25228 8.40001 4.7 8.84772 4.7 9.40001V10.6C4.7 11.1523 4.25228 11.6 3.7 11.6H2.5C1.94772 11.6 1.5 11.1523 1.5 10.6V9.40001ZM8 8.40001C7.44772 8.40001 7 8.84773 7 9.40001V10.6C7 11.1523 7.44771 11.6 8 11.6H17.5C18.0523 11.6 18.5 11.1523 18.5 10.6V9.40001C18.5 8.84772 18.0523 8.40001 17.5 8.40001H8ZM1.5 15.2C1.5 14.6477 1.94772 14.2 2.5 14.2H3.7C4.25228 14.2 4.7 14.6477 4.7 15.2V16.4C4.7 16.9523 4.25228 17.4 3.7 17.4H2.5C1.94772 17.4 1.5 16.9523 1.5 16.4V15.2ZM8 14.2C7.44772 14.2 7 14.6477 7 15.2V16.4C7 16.9523 7.44771 17.4 8 17.4H17.5C18.0523 17.4 18.5 16.9523 18.5 16.4V15.2C18.5 14.6477 18.0523 14.2 17.5 14.2H8Z"
          fill={color}
        />
      </svg>
    );
  }
);

IconListSolid.displayName = "IconListSolid";

export default IconListSolid;