{title}

import React, { FC, useCallback, useMemo } from 'react'; import Head from 'next/head'; import '@jetbrains/kotlin-web-site-ui/out/components/layout-v2'; import GlobalHeader from '@jetbrains/kotlin-web-site-ui/out/components/header'; import GlobalFooter from '@jetbrains/kotlin-web-site-ui/out/components/footer'; import TopMenu from '@jetbrains/kotlin-web-site-ui/out/components/top-menu'; import { ThemeProvider } from '@rescui/ui-contexts'; import { useRouter } from 'next/router'; import styles from './landing-layout.module.css'; import releasesDataRaw from '../../data/releases.yml'; import searchConfig from '../../search-config.json'; import { StickyHeader } from '../sticky-header/sticky-header'; const releasesData: ReleasesData = releasesDataRaw as ReleasesData; type NavigationProps = { topMenuItems?: { url: string; title: string }[]; topMenuButton?: React.ReactNode; topMenuTitle?: string; topMenuHomeUrl?: string; currentUrl?: string; currentTitle?: string; } export type LandingLayoutProps = { title: string; description?: string; ogImageName?: string; children: React.ReactNode; dataTestId?: string; canonical?: string; } & NavigationProps; export const LandingLayout: FC = ({ title, ogImageName, description, children, dataTestId, canonical, ...navigationProps }) => { const theme = 'dark'; const router = useRouter(); const pathname = addTrailingSlash(router.pathname); let items = navigationProps.topMenuItems || []; let activeIndex = useMemo( () => items.map((item) => item.url).indexOf(pathname), [pathname, items] ); const linkHandler = useCallback( (event, url) => { event.preventDefault(); router.push(url); }, [router] ); const ogImagePath = useMemo( () => `https://kotlinlang.org/assets/images/open-graph/${ogImageName ? ogImageName : 'general.png'}`, [ogImageName] ); const ogImageTwitterPath = useMemo( () => (ogImageName ? ogImagePath : 'https://kotlinlang.org/assets/images/twitter/general.png'), [ogImageName, ogImagePath] ); return ( <> {title} {description && } {description && } {description && } {canonical && }

{navigationProps.topMenuButton}

{children}

); }; function addTrailingSlash(path: string): string { return path.endsWith('/') ? path : `${path}/`; }