State.init({ x: 0 }); State.update({ x: 1 }); return ( <div className="row" style={{ padding: "8px 4px" }}> <div className="col"> <Widget id="circle" src="andyh.near/widget/Circle" props={{ color: "#C1200B", iconColor: "white", icon: props.circle || "circle", radius: 40, onClick: props.updateCircle, }} /> </div> <div className="col"> <Widget id="square" src="andyh.near/widget/Square" props={{ color: "#4A825A", iconColor: "white", icon: props.square || "square", length: 80, onClick: props.updateSquare, }} /> </div> <div className="col"> <Widget src="andyh.near/widget/Triangle" props={{ color: "#0A81D1", iconColor: "white", icon: props.triangle || "triangle", height: 80, onClick: props.updateTriangle, }} /> </div> </div> );