@expofp/floorplan
Version:
Interactive floor plan library for expos and events
2 lines (1 loc) • 507 B
JavaScript
import{jsx as i}from"react/jsx-runtime";import"./Toast.scss";import{useState as r}from"react";import{useTimeout as n}from"../../utils/useTimeout";const m=({message:e,duration:o,onClose:t})=>{const[s,a]=r(!0);return n(()=>{a(!1),t()},o),i("div",{className:`toast ${s?"is-visible":""}`,onClick:t,children:e})};export const ToastContainer=({toasts:e,handleToastClose:o})=>i("div",{className:"toast-container",children:e.map((t,s)=>i(m,{message:t.message,duration:t.duration,onClose:()=>o(s)},`toast-${s}`))});