<script setup lang="ts"></script>

<template>
  <div class="footer-link">
    <slot />
  </div>
</template>

<style scoped>
.footer-link {
  margin-top: 18px;
  padding-top: 18px;
  border-top: 1px solid var(--border);
  font-family: var(--font-mono);
  font-size: 11px;
  color: var(--text-mute);
  text-align: center;
}

.footer-link :deep(a) {
  text-decoration: none;
  color: inherit;
  border-bottom: 1px solid currentColor;
  padding-bottom: 1px;
}

.footer-link :deep(a:hover) {
  color: var(--text-dim);
}
</style>
