import {
  EventHandler,
  FocusEventHandler,
  DOMAttributes,
  ReactEventHandler,
  UIEventHandler,
  WheelEventHandler,
  TransitionEventHandler,
} from 'react'
import { IObservable } from 'xmobx/mobx'
import { Observer } from 'xmobx/mobx-react'
import { CommonState } from './typings'

interface Decorated<Class1, Class2> extends Observer<Class1, Class2> {
  // @hack
}

export declare function connectToState(
  Target: React.Component
): Decorated<Observer, typeof Target>
export declare function commonStateFactory(
  props?: React.ClassAttributes<CommonState>
): CommonState

export { commonStateFactory as makeState }
export { commonStateFactory as makeCommonState }
export { commonStateFactory as toCommonState }