/// <reference types="node" />
/// <reference types="react" />
declare global {
  interface Window {
    env: Env;
    // TODO(meow): This property is never assigned nor used.
    // Should we just remove it?
    // ReconnectingWebSocket: any;
    web3: Web3;
    ethereum: ProviderExt;
    dataLayer: Array<unknown> | null;
  }
}

declare interface Window {
  env: Env;
  web3: Web3;
  ethereum: ProviderExt;
  dataLayer: Array<unknown> | null;
}

declare module '*.avif' {
  const src: string;
  export default src;
}

declare module '*.bmp' {
  const src: string;
  export default src;
}

declare module '*.gif' {
  const src: string;
  export default src;
}

declare module '*.jpg' {
  const src: string;
  export default src;
}

declare module '*.jpeg' {
  const src: string;
  export default src;
}

declare module '*.png' {
  const src: {
    // next 导出的对象中含有 src 属性
    src: string;
  };
  export default src;
}

declare module '*.webp' {
  const src: string;
  export default src;
}
/**
 * @see node_modules/next/image-types/global.d.ts
 */
declare module '*.svg?url' {
  const content: {
    src: string;
  };

  export default content;
}

/**
 * @see node_modules/next/image-types/global.d.ts
 */
declare module '*.svg?url' {
  /**
   * Use `any` to avoid conflicts with
   * `@svgr/webpack` plugin or
   * `babel-plugin-inline-react-svg` plugin.
   */
  const content: any;

  export default content;
}