const key = props.key || "website"; const value = props.value || "near.social"; const linktreeElements = { website: { prefix: "https://", icon: "bi-globe2", }, github: { prefix: "https://github.com/", icon: "bi-github", }, twitter: { prefix: "https://twitter.com/", icon: "bi-twitter", }, telegram: { prefix: "https://t.me/", icon: "bi-telegram", }, }; const linktreeEl = linktreeElements[key]; return ( <a href={linktreeEl.prefix + value} class="social-link" target="_blank"> <i className={`bi ${linktreeEl.icon}`}></i> </a> );