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

export const IconFontAdd = 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-font-add`,
    };
    return (
      <svg
        viewBox="0 0 24 24"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M10.575 9.50119H9.54702C9.52841 9.50119 9.51585 9.48198 9.52315 9.46467L9.96667 8.41228C10.0026 8.32712 10.122 8.32724 10.1577 8.41247L10.5989 9.46471C10.6061 9.48202 10.5935 9.50119 10.575 9.50119ZM14.9842 11.3971C14.6441 11.4573 14.26 11.4233 14.16 11.1233 14.06 10.8233 14.38 10.6833 14.6 10.6233 14.82 10.5633 15.4796 10.5033 15.94 10.5033 15.94 10.7381 15.74 11.2633 14.9842 11.3971Z"
          fill={color}
        />
        <path
          d="M6 2.5C4.89543 2.5 4 3.39543 4 4.5V19.5C4 20.6046 4.89543 21.5 6 21.5H19C20.1046 21.5 21 20.6046 21 19.5V9.27797C21 8.77758 20.8124 8.29538 20.4743 7.92652L16.3918 3.47283C15.8235 2.85294 15.0212 2.5 14.1803 2.5H6ZM12.8546 14.1779C12.7406 14.064 12.5861 14 12.425 14C12.2639 14 12.1093 14.064 11.9954 14.1779L9.97041 16.2029C9.73317 16.4402 9.73317 16.8248 9.97041 17.0621C10.2077 17.2993 10.5923 17.2993 10.8296 17.0621L11.8175 16.0741L11.8175 18.3925C11.8175 18.728 12.0895 19 12.425 19C12.7605 19 13.0325 18.728 13.0325 18.3925L13.0325 16.0741L14.0204 17.0621C14.2577 17.2993 14.6423 17.2993 14.8796 17.0621C15.1168 16.8248 15.1168 16.4402 14.8796 16.2029L12.8546 14.1779ZM11.1037 10.6689L11.738 12.1819C11.8342 12.4113 12.0615 12.598 12.3064 12.56C13.08 12.44 12.86 11.76 12.86 11.76L10.6393 6.38319C10.4247 5.87227 9.70111 5.87227 9.48648 6.3832L7.24854 11.7105C7.07847 12.1154 7.37663 12.56 7.8126 12.56C8.05822 12.56 8.28061 12.4129 8.37638 12.1857L9.01566 10.6688C9.01974 10.6591 9.02913 10.6529 9.03953 10.6529H11.0798C11.0902 10.6529 11.0996 10.6592 11.1037 10.6689ZM15.1008 7.56335C14.0216 7.50335 13.24 8.26334 13.04 8.80335C12.9234 9.15551 13.1268 9.36596 13.36 9.48334C13.5933 9.60073 13.98 9.56334 14.16 9.28334L14.1745 9.26075C14.351 8.98562 14.5545 8.66831 15.08 8.70334C15.68 8.74334 15.96 9.16334 15.96 9.36334C15.4935 9.36334 14.88 9.36715 14.14 9.54334C13.4 9.71953 12.88 10.2799 12.88 11.0733C12.88 11.5266 13.16 11.9172 13.46 12.1633C13.74 12.3931 14.2396 12.5633 14.7 12.5633C14.8 12.5633 15.5796 12.5467 16.04 12.2633C16.04 12.2859 16.22 12.5857 16.6 12.5633C16.98 12.541 17.2 12.2211 17.2 12.0033V9.54319C17.2 8.34505 16.18 7.62334 15.1008 7.56335Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
      </svg>
    );
  }
);

IconFontAdd.displayName = "IconFontAdd";

export default IconFontAdd;