import React from 'react'
import { DropdownMenu } from './index'

export default {
  title: 'molecules/DropdownMenu',
  component: DropdownMenu
}

const options = [
  { optionName: 'Option 1', icon: 'IconArrowRight', action: () => { return console.log('Option 1 clicked') } },
  { optionName: 'Option 2', icon: 'IconArrowRight', action: () => { return console.log('Option 2 clicked') } }
]

const Template = (args) => { return <DropdownMenu {...args} /> }

export const Default = Template.bind({})
Default.args = {
  options,
  show: true,
  position: { x: 100, y: 100 }
}