import type { Course, Setting } from '@/payload-types'
import { ContactBlock } from '@/components/Contact'
import { type Locale, isExternal, localHref, other } from '@/lib/site'
type Props = {
locale: Locale
/** this page's path without the language prefix ("/", "/courses", "/courses/bacc-en") */
path: string
settings: Setting
courses: Course[]
children: React.ReactNode
}
/** A globe: the language switch says what it does without a word that has to be translated. */
function GlobeIcon() {
return (
)
}
/** The three lines every phone user already reads as "menu". */
function MenuIcon() {
return (
)
}
/** Header, main content and footer: the frame every page shares. */
export function Shell({ locale, path, settings: s, courses, children }: Props) {
const brand = s.brandName || 'Thinkera'
const alt = other(locale)
const current = (href: string) => (href === '/' ? path === '/' : path === href || path.startsWith(`${href}/`))
return (
<>
{s.ui?.skip}
