---
interface Props {
  source: string;
  prefix?: string;
}
const { source, prefix = 'via' } = Astro.props;
---

<span class="source-badge">{prefix} <span class="name">{source}</span></span>

<style>
  .source-badge {
    display: inline-flex;
    align-items: baseline;
    gap: 0.3rem;
    font-family: ui-sans-serif, system-ui, -apple-system, 'Helvetica Neue', sans-serif;
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--muted);
  }
  .source-badge .name {
    color: var(--accent);
    text-transform: none;
    letter-spacing: 0;
    font-weight: 600;
  }
</style>