<script setup>
  import icon from './pdf.png';

  const { file, text } = defineProps([ 'file', 'text' ]);
</script>

<template>
  <a class="downloadlink" :href="'/bijlagen/' + file">
    <span>{{ text }}</span>
  </a>
</template>

<style scoped>
  .downloadlink {
    display: block;
  }

  .downloadlink::before {
    display: inline-block;
    content: '';
    background-image: url('./pdf.png');
    background-size: 2.5em;
    width: 2.5em;
    height: 2.5em;
    vertical-align: -0.75em;
  }

  .downloadlink + .downloadlink {
    margin-top: 8px;
  }
</style>
