import { useState } from 'react'; import { ArgsTable, Meta, Canvas, Story } from '@storybook/addon-docs'; import { Button } from '@strapi/design-system/Button'; import Check from '@strapi/icons/Check'; import Information from '@strapi/icons/Information'; import ConfirmDialog from './index'; # ConfirmDialog TODO ## Usage {() => { const [dialogOpen, setDialogOpen] = useState(false); const handleToggle = () => setDialogOpen(prev => !prev); const handleDelete = () => { handleToggle(); alert('you deleted your item'); }; const isLoading = false; return ( <> Click me ); }} {() => { const [dialogOpen, setDialogOpen] = useState(false); const handleToggle = () => setDialogOpen(prev => !prev); const handleDelete = () => { handleToggle(); alert('you deleted your item'); }; const isLoading = true; return ( <> Click me ); }} {() => { const [dialogOpen, setDialogOpen] = useState(false); const handleToggle = () => setDialogOpen(prev => !prev); const handleDelete = () => { handleToggle(); alert('you deleted your item'); }; const isLoading = false; return ( <> Click me } iconRightButton={} isConfirmButtonLoading={isLoading} isOpen={dialogOpen} onToggleDialog={handleToggle} onConfirm={handleDelete} title={{ id: 'app.components.ConfirmDialog.title', defaultMessage: 'Confirmation' }} rightButtonText={{ id: 'app.components.Button.save', defaultMessage: 'Save' }} variantRightButton="success-light" /> ); }} ### Props