import React from 'react'
import ActionsGroup from './ActionsGroup'

export default {
  title: 'Compounds/ActionsGroup',
  component: ActionsGroup,
}

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

export const Default = Template.bind({})
Default.args = {
  backgroundColor: 'secondary',
  // TODO(alishaevn): figure out why the story actions aren't working *shakes fist*
  handleSendingMessages: ({ message, files }) => {
    console.log('the message is:', message)
    console.log(`attached file(s): ${files.map((file) => file.split('name=')[1])}`)
  },
  initialFiles: [{
    contentLength: '938.57 KB',
    contentType: 'image/png',
    createdAt: ' Dec 22 2022 at 12:56:48 PM',
    download: '/quote_groups/10bd825f-c7e0-4c07-bd9e-f7982b21f435/attachments/nepal5.png',
    fileName: 'nepal5.png',
    href: 'https://acme.scientist.com/secure_attachments/4611434c-ba99-481e-84ee-37e1fdbd203e',
    status: null,
    uploadedBy: 'Summer Cook',
    uuid: '4611434c-ba99-481e-84ee-37e1fdbd203e',
  }],
}