How to use terra-notification-dialog - 5 common examples

const handleCloseModal = () => {
    setIsOpen(false);
  };

  const handlePopupButtonClick = () => {
    setIsPopupOpen(true);
  };

  const handlePopupRequestClose = () => {
    setIsPopupOpen(false);
  };

  return (
    <>
      
      <button>
      </button><button></button>

const CompleteNotificationDialog = () => {
  const [isOpen, setIsOpen] = useState(false);

  const handleOpenModal = () => {
    setIsOpen(true);
  };

  const handleCloseModal = () => {
    setIsOpen(false);
  };

  return (
    <>
      
      <button>
    </button>

render() {
    return (
      <div>
        
        <button id="trigger-notification-dialog"></button></div>

const CompleteNotificationDialogWithLongMessage = () => {
  const [isOpen, setIsOpen] = useState(false);

  const handleOpenModal = () => {
    setIsOpen(true);
  };

  const handleCloseModal = () => {
    setIsOpen(false);
  };

  return (
    <>
      
      <button>
    </button>

Nam vehicula, arcu vitae egestas porttitor,
    turpis nisi pulvinar neque, ut lacinia urna purus sit amet elit.
    Lorem ipsum dolor sit amet, consectetur adipiscing elit.
    Maecenas molestie in lorem vel facilisis. Quisque ac enim nec lectus malesuada faucibus.
    Integer congue feugiat ultricies.
    Nunc non mauris sed tellus cursus vestibulum nec quis ipsum.
    Vivamus ornare magna justo, et volutpat tortor congue ut. Nulla facilisi.
    Cras in venenatis turpis. Nullam id odio justo. Etiam vehicula lectus vel purus consectetur cursus id sit amet diam.
    Donec facilisis dui non orci hendrerit pharetra. Suspendisse blandit dictum turpis, in consectetur ipsum hendrerit eget.
    Nam vehicula, arcu vitae egestas porttitor,
    turpis nisi pulvinar neque, ut lacinia urna purus sit amet elit.`;

  return (
    <>
      
      <button>
    </button>