import type { CSSProperties } from 'react';
import type { Metadata } from 'next';
import { buildGoogleTagHeadScripts } from '@funnelsgrove/analytics';
import { runtimePublicConfig } from '@funnelsgrove/runtime';
import { funnelConfig } from '@/config/funnel.config';
import { themeCssVariables } from '@/theme/theme';
import './globals.css';
import '../steps/styles/index.css';
const metadataTitle = runtimePublicConfig.pageTitle || funnelConfig.meta.title;
const metadataDescription = runtimePublicConfig.pageDescription || funnelConfig.meta.description;
const metadataPreviewImages = runtimePublicConfig.pagePreviewImageUrl
? [{ url: runtimePublicConfig.pagePreviewImageUrl }]
: undefined;
const googleTagHeadScripts = buildGoogleTagHeadScripts();
export const metadata: Metadata = {
title: metadataTitle,
description: metadataDescription,
icons: runtimePublicConfig.faviconUrl
? {
icon: [{ url: runtimePublicConfig.faviconUrl }],
}
: undefined,
openGraph: {
title: metadataTitle,
description: metadataDescription,
images: metadataPreviewImages,
},
twitter: {
card: metadataPreviewImages ? 'summary_large_image' : 'summary',
title: metadataTitle,
description: metadataDescription,
images: runtimePublicConfig.pagePreviewImageUrl ? [runtimePublicConfig.pagePreviewImageUrl] : undefined,
},
};
export default function RootLayout({
children,
}: Readonly<{
children: React.ReactNode;
}>) {
return (
{googleTagHeadScripts.map((script) =>
script.src ? (
) : (
),
)}
{children}
);
}