declare module "*.png?react" {
  import * as React from "react";
  import * as OpenImg from "openimg/react";

  const ReactComponent: (props: Partial<OpenImg.ImgProps>) => React.ReactNode;

  export const metadata: {
    placeholder: string;
    width: number;
    height: number;
    src: string;
  };

  export default ReactComponent;
}

declare module "*.png?meta" {
  import * as OpenImg from "openimg/react";

  export const metadata: {
    placeholder: string;
    width: number;
    height: number;
    src: string;
  };

  export default ReactComponent;
}

declare module "*.jpg?react" {
  import * as React from "react";
  import * as OpenImg from "openimg/react";

  const ReactComponent: (props: Partial<OpenImg.ImgProps>) => React.ReactNode;

  export const metadata: {
    placeholder: string;
    width: number;
    height: number;
    src: string;
  };

  export default ReactComponent;
}

declare module "*.jpg?meta" {
  import * as OpenImg from "openimg/react";

  export const metadata: {
    placeholder: string;
    width: number;
    height: number;
    src: string;
  };

  export default ReactComponent;
}

declare module "*.jpeg?react" {
  import * as React from "react";
  import * as OpenImg from "openimg/react";

  const ReactComponent: (props: Partial<OpenImg.ImgProps>) => React.ReactNode;

  export const metadata: {
    placeholder: string;
    width: number;
    height: number;
    src: string;
  };

  export default ReactComponent;
}

declare module "*.jpeg?meta" {
  import * as OpenImg from "openimg/react";

  export const metadata: {
    placeholder: string;
    width: number;
    height: number;
    src: string;
  };

  export default ReactComponent;
}

declare module "*.webp?react" {
  import * as React from "react";
  import * as OpenImg from "openimg/react";

  const ReactComponent: (props: Partial<OpenImg.ImgProps>) => React.ReactNode;

  export const metadata: {
    placeholder: string;
    width: number;
    height: number;
    src: string;
  };

  export default ReactComponent;
}

declare module "*.webp?meta" {
  import * as OpenImg from "openimg/react";

  export const metadata: {
    placeholder: string;
    width: number;
    height: number;
    src: string;
  };

  export default ReactComponent;
}

declare module "*.avif?react" {
  import * as React from "react";
  import * as OpenImg from "openimg/react";

  const ReactComponent: (props: Partial<OpenImg.ImgProps>) => React.ReactNode;

  export const metadata: {
    placeholder: string;
    width: number;
    height: number;
    src: string;
  };

  export default ReactComponent;
}

declare module "*.avif?meta" {
  import * as OpenImg from "openimg/react";

  export const metadata: {
    placeholder: string;
    width: number;
    height: number;
    src: string;
  };

  export default ReactComponent;
}