import React from 'react'
import { storiesOf } from '@storybook/react'
import { DashboardCard } from 'presets/B2B/DashboardOverview'

const B2BDashboardInviteCardDetails = {
  heading: 'Invite Users to Join',
  description: 'This is where the short description lives',
  buttonContent: 'Invite team',
  buttonDataQa: 'qa-invite-team',
}

const B2BDashboardPendingCardDetails = {
  heading: 'Pending Approvals',
  description: 'This is where the short description lives',
  buttonContent: 'go to approvals',
  pendingCount: '4',
  headingDataQa: 'qa-pending-approval',
  buttonDataQa: 'qa-go-to-approval',
}

const handleButtonClick = changeArgs => {
  console.log('[Handler] handleButtonClick ', changeArgs)
}

storiesOf('presets/B2B/DashboardOverview/DashboardCard', module)
  .add('Invite User', () => (
    <DashboardCard {...B2BDashboardInviteCardDetails} onButtonClick={handleButtonClick}/>
  ))
  .add('Pending Approvals', () => (
    <DashboardCard {...B2BDashboardPendingCardDetails} />
  ))