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

export const IconDiscsSolid = 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-discs-solid`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M13.5 2.5V7.5H6.5V2.5H13.5ZM15 2.5H16C16.8284 2.5 17.5 3.17157 17.5 4V16C17.5 16.8284 16.8284 17.5 16 17.5H4C3.17157 17.5 2.5 16.8284 2.5 16V4C2.5 3.17157 3.17157 2.5 4 2.5H5V7.5C5 8.32843 5.67157 9 6.5 9H13.5C14.3284 9 15 8.32843 15 7.5V2.5ZM11 3.75C11 3.33579 11.3358 3 11.75 3C12.1642 3 12.5 3.33579 12.5 3.75V5.25C12.5 5.66421 12.1642 6 11.75 6C11.3358 6 11 5.66421 11 5.25V3.75Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
      </svg>
    );
  }
);

IconDiscsSolid.displayName = "IconDiscsSolid";

export default IconDiscsSolid;