import * as React from "react"
import { storiesOf } from "@storybook/react"
import { ThemeProvider } from "styled-components"
import { LoginDialog } from "../LoginDialog"
import { action } from "@storybook/addon-actions"
import theme from "../../../theme"

storiesOf("Dialog", module)
  .addDecorator((getStory) => {
    return <ThemeProvider theme={theme}>{getStory()}</ThemeProvider>
  })

  .add("LoginDialog", () => {
    return (
      <LoginDialog
        onClose={action("close")}
      />
    )
  })

  .add("LoginDialog--custom-description", () => {
    return (
      <LoginDialog
        onClose={action("close")}
        text={"ดูดู้ดู ดูดีดีๆ"}
      />
    )
  })