Umschalten von booleschen Zuständen für die bedingte Overlay-Sichtbarkeit

import { useState } from 'react';
 
export function ModalController() {
  const [isOpen, setIsOpen] = useState(false);
 
  return (
    <div>
      <button onClick={() => setIsOpen((prev) => !prev)}>
        Toggle Dialog
      </button>
      {isOpen && <aside className="dialog-box">Modal Content</aside>}
    </div>
  );
}