import Head from "next/head" ; import classnames from "classnames" ; import { t , Trans } from "@lingui/macro" ; import { activate } from "lingui-example/i18n" ; import styles from "./Layout.module.css" ; export function Layout ( { title = null , className = "" , children } ) { if ( title == null ) { title = t `Example project using LinguiJS` ; } return ( < div className = { styles . container } > < Head > < title > { title } < /title> < link rel = "icon" href = "/favicon.ico" / > < /Head> < main className = { classnames ( styles . main , className ) } > { children } < /main> < footer className = { styles . footer } > < a href = "https://vercel.com?utm_source=create-next-app&utm_medium=default-template&utm_campaign=create-next-app" target = "_blank" rel = "noopener noreferrer" > < Trans > Powered by { " " } < img src = "/vercel.svg" alt = "Vercel Logo" className = { styles . logo } / > < /Trans> < /a> & nbsp ; { " | " } < button className = { styles . link } onClick = { ( ) => activate ( "en" ) } > English < /button> { " | " } < button className = { styles . link } onClick = { ( ) => activate ( "cs" ) } > Česky < /button> < /footer> < /div>); }