import React from 'react'
import { observer } from 'xmobx/mobx-react'
import { withConsumer } from 'styleh-components'
import { sidebarGroupState } from './deps'

const RenderContext = React.createContext({
  groupState: sidebarGroupState,
})

const { Provider, Consumer } = RenderContext

// could be SidebarGroupContext too...
@observer
class SidebarItemContext extends React.Component<Props> {}

// just simple, optional, an idea
Consumer.connect = withConsumer(Consumer)

export { withConsumer, Consumer }