import React, { useState } from 'react'; import { action } from '@storybook/addon-actions'; import NormalizeStyles from 'App/NormalizeStyles'; import BaseStyles from 'App/BaseStyles'; import Modal from 'shared/components/Modal'; import TaskDetails from '.'; export default { component: TaskDetails, title: 'TaskDetails', parameters: { backgrounds: [ { name: 'white', value: '#ffffff' }, { name: 'gray', value: '#cdd3e1', default: true }, ], }, }; export const Default = () => { const [description, setDescription] = useState(''); return ( <> { return ( setDescription(desc)} onDeleteTask={action('delete task')} onCloseModal={action('close modal')} onMemberProfile={action('profile')} onOpenAddMemberPopup={action('open add member popup')} onAddItem={action('add item')} onToggleChecklistItem={action('toggle checklist item')} onOpenAddLabelPopup={action('open add label popup')} onOpenDueDatePopop={action('open due date popup')} /> ); }} /> ); };