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

export const IconTruckSolid = 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-truck-solid`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M2.96252 3.125C2.09958 3.125 1.40002 3.82455 1.40002 4.6875V10.625H11.4V4.6875C11.4 3.82456 10.7005 3.125 9.83752 3.125H2.96252ZM11.4 11.875H1.40002V14.0625C1.40002 14.9254 2.09958 15.625 2.96252 15.625H3.27502C3.27502 14.2443 4.39431 13.125 5.77502 13.125 7.15574 13.125 8.27502 14.2443 8.27502 15.625H10.775C11.1202 15.625 11.4 15.3452 11.4 15V11.875Z"
          fill={color}
        />
        <path
          d="M7.02502 15.625C7.02502 14.9346 6.46538 14.375 5.77502 14.375 5.08467 14.375 4.52502 14.9346 4.52502 15.625 4.52502 16.3154 5.08467 16.875 5.77502 16.875 6.46538 16.875 7.02502 16.3154 7.02502 15.625ZM13.275 5C12.9298 5 12.65 5.27982 12.65 5.625V15C12.65 15.0723 12.6623 15.1418 12.6849 15.2064 12.8841 14.025 13.9119 13.125 15.15 13.125 16.5202 13.125 17.6329 14.2272 17.6498 15.5933 18.361 15.4474 18.9187 14.8138 18.87 14.0245 18.6759 10.8742 17.548 7.97585 15.7604 5.60408 15.465 5.21219 15.0055 5 14.5351 5H13.275Z"
          fill={color}
        />
        <path
          d="M16.4 15.625C16.4 14.9346 15.8404 14.375 15.15 14.375C14.4597 14.375 13.9 14.9346 13.9 15.625C13.9 16.3154 14.4597 16.875 15.15 16.875C15.8404 16.875 16.4 16.3154 16.4 15.625Z"
          fill={color}
        />
      </svg>
    );
  }
);

IconTruckSolid.displayName = "IconTruckSolid";

export default IconTruckSolid;