const accountId = props.accountId || "evrything.near"; const type = props.type || "evrything.near/type/Everything"; return ( <> <div style={{ display: "flex", flexDirection: "column", alignItems: "center", gap: 16, width: "100%", }} > <div style={{ display: "flex", flexDirection: "column", alignItems: "center", gap: 4, }} > <Widget src="evrything.near/widget/H1" text={type.split("/")[2]} /> <div style={{ display: "flex", flexDirection: "row", gap: 4, }} > <button className="text-lowercase">view type details</button> <button className="text-lowercase">create new</button> </div> </div> <Widget src={"evrything.near/widget/Everything.Things"} props={{ type, }} /> </div> </> );