const createBoard = props.createBoard ?? ((boardName) => console.log(`Create board ${boardName}`)); const open = props.open ?? true; const Content = () => { State.init({ boardName: "", showDialog: false}); return (<div> <h4>New board</h4> <input type="text" value={state.boardName} onChange={(e) => State.update({boardName: e.target.value})} /> <button onClick={() => { createBoard(state.boardName) }}>Create</button> </div>); } return ( <Widget src="calimero.testnet/widget/Calimero.TaskChain.BaseModal" props={{ open: props.open, title: "Create Board", content: <Content createBoard={createBoard} />, }} /> )