---
import { getScope } from '../config/scopes';
// The lockup: //atproto.<cc> — accent on the two slashes and the dot, letters in ink.
// The TLD defaults to the build scope (so .be/.eu render their own domain, never atproto.nl), but
// `cc` overrides it to render a sibling site's wordmark (e.g. the .eu network strip). The accent
// Two colours on the SLASHES only: slash 1 = var(--accent) (.s1), slash 2 = var(--accent-2) (.s2);
// the dot + letters stay ink. Wrap in
// [data-accent="<p>"][data-accent2="<s>"] to colour a sibling in its own pair (e.g. the .eu strip).
// Lowercase always; never in a sans face, never capitalised.
interface Props {
  class?: string;
  cc?: string;
}
const { class: cls, cc: ccProp } = Astro.props;
const cc = ccProp ?? getScope(import.meta.env.PUBLIC_SITE_SCOPE).cc;
---

<span class:list={['wordmark', cls]} translate="no"><span class="s1">/</span><span class="s2">/</span>atproto.{cc}</span>