import { CSSInterpolation } from '@emotion/serialize';
import { Connection, Auth } from 'home-assistant-js-websocket';
import { default as React } from 'react';
declare module "*.png" {
  const value: string;
  export = value;
}

declare module "*.css" {
  const value: string;
  export = value;
}

declare module "*.jpg" {
  const value: string;
  export = value;
}
declare module "react" {
  interface Attributes {
    css?: CSSInterpolation;
    cssStyles?: CSSInterpolation;
  }
}

declare module "*.svg?react" {
  import * as React from "react";

  const ReactComponent: React.FunctionComponent<React.ComponentProps<"svg"> & { title?: string }>;

  export default ReactComponent;
}
declare global {
  interface Window {
    hassConnection: Promise<{ auth: Auth; conn: Connection }>;
    hassConnectionReady?: (hassConnection: Window["hassConnection"]) => void;
  }
}