import * as React from "react"
import { storiesOf } from "@storybook/react"
import { SpendJellyButton } from "../SpendJellyButton"

const s = storiesOf("Button")

s.add("SpendJellyButton", () => {
  return (
    <div>
      <SpendJellyButton
        price={{
          base: {
            gold: 0,
            silver: 0
          }
        }}
      />
      <br />
      <br />
      <SpendJellyButton
        price={{
          base: {
            gold: 0,
            silver: 4
          }
        }}
      />
      <br />
      <br />
      <SpendJellyButton
        price={{
          base: {
            gold: 300,
            silver: 0
          }
        }}
      />
    </div>
  )
})