import { useEffect, useState } from "react"; import { TraceableError } from "../statecharts/parser"; import "./BottomPanel.css"; import logo from "../../artwork/logo-playful.svg"; import { PersistentDetails } from "./PersistentDetails"; export function BottomPanel(props: {errors: TraceableError[]}) { const [greeting, setGreeting] = useState(
Welcome to
); useEffect(() => { setTimeout(() => { setGreeting(<>); }, 2000); }, []); return
{greeting} {props.errors.length > 0 &&
{props.errors.length} errors
{props.errors.map(({message, shapeUid})=>
{shapeUid}: {message}
)}
}
; }