import * as React from "react"

import Notification from "./Notification"
import withLink from "./withLink"

import { NavigationBarContext } from "."
import withTranslate from "jamplay-common/i18n/withTranslate"

@withTranslate
class Component extends React.Component<
{
  Link: any
  isLoggedIn: boolean
  style?: any
  className?: string
  context?: NavigationBarContext
  streamUrl: string
} & withTranslatePropType
> {
  public state: {
    showDrawer: boolean
  } = { showDrawer: false }
  public showDrawer = () => this.setState({ showDrawer: true })
  public hideDrawer = () => this.setState({ showDrawer: false })
  public render() {
    const Link = this.props.Link
    if (!this.props.t) { throw Error("translate not defined") }
    return (

      <Notification streamUrl={this.props.streamUrl} Link={Link}/>
    )
  }
}

export default withLink(Component)