import { b as attr_class, f as stringify, c as escape_html } from './dev-BNpEUZI3.js';

//#region src/lib/components/shell/HeroHeader.svelte
function HeroHeader($$renderer, $$props) {
	/**
	* Props for {@link HeroHeader}.
	*/
	/** Uppercase eyebrow rendered above the title. */
	/** Page title. Required. Rendered at `--text-2xl`. */
	/** Supporting subtitle, dim colour. */
	/** Monospace meta line under the subtitle (path, timestamp, …). */
	/** Show a pulsing live dot next to the eyebrow. */
	/** Optional right-aligned action slot (buttons, chips, …). */
	/** Extra class names forwarded to the root. */
	let { eyebrow, title, subtitle, meta, liveIndicator = false, actions, class: extraClass = "" } = $$props;
	$$renderer.push(`<header${attr_class(`hero ${stringify(extraClass)}`, "svelte-nqm5te")}><div class="hero-left svelte-nqm5te">`);
	if (eyebrow || liveIndicator) {
		$$renderer.push("<!--[0-->");
		$$renderer.push(`<div class="hero-eyebrow-row svelte-nqm5te">`);
		if (liveIndicator) {
			$$renderer.push("<!--[0-->");
			$$renderer.push(`<span class="hero-live svelte-nqm5te" aria-hidden="true"><span class="hero-live-dot svelte-nqm5te"></span> <span class="hero-live-label svelte-nqm5te">LIVE</span></span>`);
		} else $$renderer.push("<!--[-1-->");
		$$renderer.push(`<!--]--> `);
		if (eyebrow) {
			$$renderer.push("<!--[0-->");
			$$renderer.push(`<span class="hero-eyebrow svelte-nqm5te">${escape_html(eyebrow)}</span>`);
		} else $$renderer.push("<!--[-1-->");
		$$renderer.push(`<!--]--></div>`);
	} else $$renderer.push("<!--[-1-->");
	$$renderer.push(`<!--]--> <h1 class="hero-title svelte-nqm5te">${escape_html(title)}</h1> `);
	if (subtitle) {
		$$renderer.push("<!--[0-->");
		$$renderer.push(`<p class="hero-subtitle svelte-nqm5te">${escape_html(subtitle)}</p>`);
	} else $$renderer.push("<!--[-1-->");
	$$renderer.push(`<!--]--> `);
	if (meta) {
		$$renderer.push("<!--[0-->");
		$$renderer.push(`<p class="hero-meta svelte-nqm5te" aria-label="Page metadata">${escape_html(meta)}</p>`);
	} else $$renderer.push("<!--[-1-->");
	$$renderer.push(`<!--]--></div> `);
	if (actions) {
		$$renderer.push("<!--[0-->");
		$$renderer.push(`<div class="hero-actions svelte-nqm5te" role="toolbar" aria-label="Page actions">`);
		actions($$renderer);
		$$renderer.push(`<!----></div>`);
	} else $$renderer.push("<!--[-1-->");
	$$renderer.push(`<!--]--></header>`);
}

export { HeroHeader as H };
//# sourceMappingURL=HeroHeader-v4Q9vaGr.js.map
