Const Something2 = () => { const [isOpen, setIsOpen]

Question

Const Something2 = () => { const [isOpen, setIsOpen]

= React.useState(false);
const [isFullClose, setIsFullClose] = React.useState(false);

const open = React.useCallback(() => setIsOpen(true), []);
const close = React.useCallback(() => setIsOpen(false), []);
const fullClose = React.useCallback(() => setIsFullOpen(false), []);

return (
<button onClick={open}>Открыть модалку</button>
<p>Модалка {isOpen ? 'открыта' : isFullClose ? 'закрыта полностью' : 'закрыта'}</p>
<Modal isOpen={isOpen} close={close} onCloseAnimationEnd={fullClose} />
)
};