import * as React from "react"
import { storiesOf } from "@storybook/react"
import * as common from "jamplay-common/client"
import { theme } from "../.."
import NavBar, {  } from "."

const notification = "https://staging-notification.jamplay.world"
const providerOptions = {
  uri: "http://localhost:8080",
  theme,
  services: [
    {
      name: "nap",
      uri: "http://localhost:3000/graphql",
    },
    {
      name: "notification",
      uri: notification + "/graphql",

    },
  ],
}

@common.provider(providerOptions)
class AuthenProvider extends React.Component {
  public render() {
    return this.props.children
  }
}

storiesOf("Notification", module)
.addDecorator((story) => (
  <AuthenProvider>
    {story()}
  </AuthenProvider>
))
  .add("see-all", () => (
    <NavBar streamUrl={notification} />
  ))
