<script setup lang="ts">
withDefaults(defineProps<{ dim?: boolean }>(), { dim: false })
</script>

<template>
  <span class="mono" :class="{ dim }"><slot /></span>
</template>

<style scoped>
.mono { font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.04em; color: inherit; }
.mono.dim { color: var(--text-mute); }
</style>
