const ProfileLarge = (props) => { const { accountId, profile, showEditButton } = props; const profileData = profile || Social.getr(`${accountId}/profile`); return ( <div> <h1>{profileData.name || accountId}</h1> {profileData.image && ( <img src={`https://ipfs.near.social/ipfs/${profileData.image.ipfs_cid}`} alt="Profile" style={{ width: "150px", height: "150px", borderRadius: "75px" }} /> )} <p>{profileData.description}</p> {showEditButton && ( <button onClick={() => { /* Add edit functionality */ }} > Edit Profile </button> )} </div> ); };