---
import { ClientRouter } from "astro:transitions";
import type { Locale } from "../data/site";
import { site } from "../data/site";
import { getDir, switchLocalePath, toPublicPath } from '../i18n/utils';
import { GOOGLE_ADS_ID } from "../lib/analytics/google-ads";
import "@emran-alhaddad/saudi-riyal-font/index.css";
import "flag-icons/css/flag-icons.min.css";
import "../styles/global.css";
interface Props {
locale: Locale;
title?: string;
description?: string;
canonical?: string;
ogImage?: string;
noindex?: boolean;
analytics?: boolean;
}
const {
locale,
title,
description,
canonical,
ogImage = "/brand/logo-header.png",
noindex = false,
analytics = true,
} = Astro.props;
const publicPath = Astro.originPathname ?? Astro.url.pathname;
const publicPathname = toPublicPath(publicPath, locale);
const pageTitle = title ? `${title} | ${site.name[locale]}` : site.name[locale];
const pageDescription = description ?? site.defaultDescription[locale];
const canonicalUrl = canonical ?? new URL(publicPathname, site.url).href;
const altLocale = locale === "ar" ? "en" : "ar";
const altPath = switchLocalePath(publicPathname, altLocale);
const altUrl = new URL(altPath, site.url).href;
const dir = getDir(locale);
---
{pageTitle}
{noindex && }
{
analytics && (
<>
)
}