---
import type { BlumeFavicon } from "../../core/data.ts";
import { withBase } from "../islands/base-path.ts";
// Emits the icon s for the document : the favicon (rel="icon") and,
// when the project ships one, the Apple touch icon (rel="apple-touch-icon").
// Each href is either a URL to a file the project ships in public/, or a data
// URI (a root-level icon, or the bundled Blume favicon default) — both resolved
// by the generator's resolveFavicon / resolveAppleIcon.
//
// When the favicon has a dark variant, three links cover every consumer class:
// an unconditional light link first (bots and services that take the first
// rel="icon" and ignore `media`, and UAs that honor `media` but match neither
// color-scheme query), then the media-gated pair. Browsers that honor `media`
// take the last matching link — the dark link in dark mode, the trailing light
// link in light mode — and browsers that ignore `media` but take the last link
// also land on light, the safe default against light browser chrome.
interface Props {
favicon?: BlumeFavicon | null;
appleIcon?: BlumeFavicon | null;
}
const { appleIcon, favicon } = Astro.props;
---
{favicon && }
{
favicon?.dark && (
<>
)
}
{appleIcon && }