Hackerman-3.js

import React from 'react'

// import { YourComponent } from 'your-directory'

export default {
  title: 'components/Hackerman-3',
  parameters: {
    // component: YourComponent,
    componentSubtitle: '...',
  },
}

export const Usage = () => <button>click me</button>

export const SomeButton = (args) => (
  <button onClick={(event) => args.handleClick(event)} value="Boogy Time">
    click me
  </button>
)

SomeButton.parameters = {
  docs: {
    description: {
      story:
        "`args` are an absolute faff but basically you pass in whatever arguments you want, in this case it's the `handleClick` and is avaiable to the Story at `ags.handleClick`",
    },
  },
}
SomeButton.args = {
  handleClick: (event) => alert(event.currentTarget.value),
}