const createTask = props.createTask ?? ((taskTitle, taskDescription) => console.log(`Create task ${taskTitle} with description ${taskDescription}`)); const toggle = props.toggle ?? <button>Open Modal</button>; const Content = () => { State.init({ taskTitle: "", taskDescription: ""}); return (<div> <h4>New Task</h4> <input type="text" value={state.taskTitle} onChange={(e) => State.update({taskTitle: e.target.value})} /> <input type="text" value={state.taskDescription} onChange={(e) => State.update({taskDescription: e.target.value})} /> <button onClick={() => createTask(state.taskTitle, state.taskDescription)}>Create</button> </div>); } return ( <Widget src="calimero.testnet/widget/Calimero.TaskChain.BaseModal" props={{ toggle, title: "Create Task", content: <Content createTask={createTask} />, }} /> )