const createBoard = props.createBoard ?? ((boardName, boardAccount) => console.log(`Create board ${boardName} in account ${boardAccount}`)); const toggle = props.toggle ?? <button>Open Modal</button>; const Content = () => { State.init({ boardName: "", boardAccount: "" }); return (<div> <h4>New Board</h4> <input type="text" value={state.boardName} onChange={(e) => State.update({boardName: e.target.value})} /> <input type="text" value={state.boardAccount} onChange={(e) => State.update({boardAccount: e.target.value})} /> <button onClick={() => createBoard(state.boardName, state.boardAccount)}>Create</button> </div>); } return ( <Widget src="xabi.testnet/widget/Calimero.BaseModal" props={{ toggle, title: "Create Board", content: <Content createBoard={createBoard} />, }} /> )