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

export const IconToolVideoCamera = 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-tool-video-camera`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M1.25 6.25C1.25 4.86929 2.36929 3.75 3.75 3.75H11.25C12.6307 3.75 13.75 4.86929 13.75 6.25V7.24112L16.6161 4.375C17.4036 3.58754 18.75 4.14526 18.75 5.25888V14.7411C18.75 15.8547 17.4036 16.4125 16.6161 15.625L13.75 12.7589V13.75C13.75 15.1307 12.6307 16.25 11.25 16.25H3.75C2.36929 16.25 1.25 15.1307 1.25 13.75V6.25ZM13.75 10.9911L17.5 14.7411V5.25888L13.75 9.00888V10.9911ZM3.75 5C3.05964 5 2.5 5.55964 2.5 6.25V13.75C2.5 14.4404 3.05964 15 3.75 15H11.25C11.9404 15 12.5 14.4404 12.5 13.75V6.25C12.5 5.55964 11.9404 5 11.25 5H3.75Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
      </svg>
    );
  }
);

IconToolVideoCamera.displayName = "IconToolVideoCamera";

export default IconToolVideoCamera;