import Navbar from "../navbar/Navbar.11ty";
import Footer from "../footer/Footer.11ty";
import { LayoutContext, LayoutProps } from "../../src/models";
import { MetaOpenGraphImage } from "../../src/plugins/metaOpenGraphImagePlugin";
import { Resource } from "../../src/ResourceModels";
import {
GoogleTagManagerBodyNoScript,
GoogleTagManagerHeadScript,
} from "../googleTagManager.11ty";
import Subnav from "../navbar/Subnav.11ty";
import PromoBanner from "../navbar/PromoBanner.11ty";
import { Channel, isChannel } from "../resources/channel/ChannelModels";
import { Fragment } from "jsx-async-runtime/jsx-dev-runtime";
import { isLink } from "../resources/link/LinkModels";
export type BaseLayoutProps = {
title: string;
subtitle?: string;
video?:
| string
| {
url: string;
start: number;
end: number;
};
resourceType: string;
channel?: string;
} & LayoutProps;
export function BaseLayout(
this: LayoutContext,
data: BaseLayoutProps,
): JSX.Element {
const { children, title, subtitle, resourceType, collections } = data;
// Happy DOM throws a DOMException for external script/css even though
// we do the settings to suppress it. Vite catches the exception but
// logs it. We can't handle the exception, and it pollutes the test output.
// Let's detect if we're running in a test, then later, wrap the
// and
)}
{canonicalURL && }
{subtitle && }
{thumbnail && }
{subtitle && }
{channel && }
{channel && }
{children}
{thumbnail && (
)}