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

export const IconBagOutline = 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-bag-outline`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M10 8.54199C10.5752 8.5421 11.041 9.00876 11.041 9.58398C11.0408 10.159 10.575 10.6249 10 10.625C9.42486 10.625 8.95825 10.1591 8.95801 9.58398C8.95801 9.00869 9.42471 8.54199 10 8.54199Z"
          fill={color}
        />
        <path
          d="M12.083 2.58301C13.8779 2.58301 15.3329 4.03814 15.333 5.83301V5.91699H17.5C18.3743 5.91706 19.0838 6.62573 19.084 7.5V15.834C19.0837 16.7082 18.3743 17.4169 17.5 17.417H2.5C1.68024 17.4168 1.00572 16.7936 0.924805 15.9951L0.916992 15.834V7.5C0.917168 6.62579 1.62581 5.91717 2.5 5.91699H5.08301V5.83301C5.08307 4.03818 6.53818 2.58307 8.33301 2.58301H12.083ZM10.3848 13.1777C10.1958 13.225 9.99988 13.2365 9.80762 13.2129L9.61621 13.1777L2.41699 11.377V15.834L2.42383 15.8662C2.43652 15.8958 2.46575 15.9169 2.5 15.917H17.5C17.5458 15.9169 17.5837 15.8798 17.584 15.834V11.377L10.3848 13.1777ZM2.5 7.41699C2.45423 7.41717 2.41717 7.45423 2.41699 7.5V9.83105L9.98047 11.7227C9.99351 11.7258 10.0075 11.7259 10.0205 11.7227L17.584 9.83105V7.5C17.5838 7.45415 17.5459 7.41706 17.5 7.41699H2.5ZM8.33301 4.08301C7.36661 4.08307 6.58307 4.86661 6.58301 5.83301V5.91602H13.833V5.83301C13.8329 4.86657 13.0495 4.08301 12.083 4.08301H8.33301Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
      </svg>
    );
  }
);

IconBagOutline.displayName = "IconBagOutline";

export default IconBagOutline;