import { ReactElement } from 'react'

export {}

declare module '*.scss' {
  const content: { [className: string]: string }
  export = content
}

declare module '*.less' {
  const content: { [className: string]: string }
  export = content
}

declare module '*.svg' {
  import React = require('react')
  const ReactComponent: React.FunctionComponent<React.SVGProps<SVGSVGElement>>
  export default ReactComponent
}

declare module '*.json' {
  const content: Record<string, string>
  export default content
}

declare const IS_PROD: boolean
declare const IS_DEV: boolean
declare const IS_DEV_SERVER: boolean

declare global {
  interface Window {
    gtag: (...args: any[]) => void
    dataLayer: Record<string, any>
    Coffee?: any
    ReactDOM?: any
    React: any
    setting_data?: {
      [key: string]: any
    }
    _DRAGON_COMPONENTS?: {
      [key: string]: {
        default: ReactElement
      }
    }
  }
}