---
import { Boolify } from "../lib/boolify";


const { href, text, icon } = Astro.props;
const useIcons = Boolify(import.meta.env.PUBLIC_USEICONS);
---

{
  useIcons && (
    <a href={href} target="_blank" rel="noopener noreferrer">
      <i class={`fa${(icon ? icon : text.toLowerCase()) == "envelope" ? '' : '-brands'} fa-${icon ? icon : text.toLowerCase()} fa-2xl`} />
    </a>
  )
}
{
  !useIcons && (
    <a href={href} target="_blank" rel="noopener noreferrer">
      {text}
    </a>
  )
}