mirror of
https://github.com/phuoc-ng/csslayout.git
synced 2025-10-23 10:46:13 +02:00
26 lines
794 B
TypeScript
26 lines
794 B
TypeScript
import Head from 'next/head';
|
|
import * as React from 'react';
|
|
import { FooterBlock } from '../components/FooterBlock';
|
|
import { HeaderBlock } from '../components/HeaderBlock';
|
|
|
|
interface LayoutProps {
|
|
title: string;
|
|
}
|
|
|
|
export const Layout: React.FC<LayoutProps> = ({ children, title }) => (
|
|
<>
|
|
<Head>
|
|
<title>{title} - CSS Layout</title>
|
|
<meta name="description" content={title} />
|
|
<meta name="twitter:title" content={`${title} - CSS Layout`} />
|
|
<meta name="twitter:description" content={title} />
|
|
<meta property="og:title" content={`${title} - CSS Layout`} />
|
|
<meta property="og:description" content={title} />
|
|
</Head>
|
|
|
|
<HeaderBlock />
|
|
{children}
|
|
<FooterBlock />
|
|
</>
|
|
);
|