<script lang="ts">
  export let name: string;
  export let description: string;
  export let projType: string;
  export let link: string;
  export let id: string = name.toLowerCase().replaceAll(" ", "_");
</script>

<section id="{id}" class="box">
    <h2>{name}</h2>
    <section id="fsverify-link">
      <p class="subheader">
	{projType} - <a href="{link}">{link}</a>
      </p>
    </section>
    <slot />
    <p class="description">
      {description}
    </p>
</section>


<style lang="scss">
  @use 'sass:color';
  section {
    max-width: 790px;
    width: 100%;
    & h2 {
      margin-bottom: 0px;
    }
    & .description {
      text-align: center;
    }
  }

</style>
