return ( <div className="d-flex flex-column gap-4"> <h2 className="h5 fw-bold"> <span className="rounded-circle d-inline-flex align-items-center justify-content-center fw-bolder h5 me-2" style={{ width: "48px", height: "48px", border: "1px solid #82E299", }} > 4 </span> Add Groups & Members </h2> <div className="mb-3"> <div className="d-flex gap-2 justify-content-between"> <div> <h3 className="h6 fw-bold">Add Groups</h3> <p className="text-black-50 fw-light small"> Adding groups to DAO during creation is not supported using web based wallets. Anyway, you can add more groups later in DAO settings </p> </div> <Widget src="nui.sking.near/widget/Input.Button" props={{ children: <i className="bi bi-plus-lg" />, variant: "icon info outline", size: "lg", }} /> </div> <Widget src="nui.sking.near/widget/Input.Text" props={{ value: "Council", size: "lg", disabled: true, }} /> <div className="d-flex align-items-center gap-2 mt-2"> <Widget src="nui.sking.near/widget/Input.Text" props={{ placeholder: "Group 1", size: "lg", }} /> <Widget src="nui.sking.near/widget/Input.Button" props={{ children: <i className="bi bi-trash" />, variant: "icon danger outline", size: "lg", }} /> </div> </div> <div> <div className="d-flex gap-2 justify-content-between"> <div> <h3 className="h6 fw-bold">Add Members</h3> <p className="text-black-50 fw-light small"> Add members to the DAO and set their{" "} <a href="" target="_blank" style={{ color: "#4498E0", }} > roles </a> . </p> </div> <Widget src="nui.sking.near/widget/Input.Button" props={{ children: <i className="bi bi-plus-lg" />, variant: "icon info outline", size: "lg", }} /> </div> <div className="d-flex align-items-center gap-2 mt-2"> <Widget src="nui.sking.near/widget/Input.Text" props={{ placeholder: "user.near", size: "lg", }} /> <Widget src="nui.sking.near/widget/Input.Text" props={{ placeholder: "Role", size: "lg", }} /> <Widget src="nui.sking.near/widget/Input.Button" props={{ children: <i className="bi bi-trash" />, variant: "icon danger outline", size: "lg", }} /> </div> </div> </div> );