global.d.ts

import type { LuksoProfile } from '@lukso/web-components/dist/components/lukso-profile';
import type * as React from 'react';

import type { WalletProvider } from 'types/web3';

type CPreferences = {
  zone: string;
  width: string;
  height: string;
};

type WebComponent<T> =
  | (React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> &
  Partial<T>)
  | { children?: React.ReactNode; class?: string };

declare global {
  export interface Window {
    ethereum?: WalletProvider | undefined;
    coinzilla_display: Array<CPreferences>;
    ga?: {
      getAll: () => Array<{ get: (prop: string) => string }>;
    };
    AdButler: {
      ads: Array<unknown>;
      register: (...args: unknown) => void;
    };
    abkw: string;
    __envs: Record<string, string>;
  }

  namespace NodeJS {
    interface ProcessEnv {
      NODE_ENV: 'development' | 'production';
    }
  }

  namespace JSX {
    interface IntrinsicElements {
      'lukso-profile': WebComponent<LuksoProfile>;
    }
  }
}

export {};