<script lang="ts">
  import { LinkProps } from "../types";
  import styles from "./index.module.css";

  export let variant: LinkProps["variant"] = undefined;
  export let cssClass: LinkProps["cssClass"] = undefined;
  export let href: LinkProps["href"];
  export let linkText: LinkProps["linkText"];

  $: className = () => {
    return (
      styles.a +
      (variant ? ` ${styles[variant]}` : "") +
      (cssClass ? ` ${cssClass}` : "")
    );
  };
</script>

<a target="_blank" {href} class={className()}>{linkText}</a>