-
Notifications
You must be signed in to change notification settings - Fork 0
/
OneColumn.tsx
36 lines (33 loc) · 961 Bytes
/
OneColumn.tsx
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
import React, { ReactElement } from 'react';
import { Link } from 'react-router-dom';
import { Toolbar } from 'src/components';
function OneColumn({ children }: Record<string, ReactElement>): ReactElement {
return (
<div className='h-screen flex flex-col'>
<header>
<Toolbar>
<Link
to='/articles'
className='bg-gray-900 text-gray-50 px-3 py-2 rounded-md text-sm font-medium'
aria-current='page'
>
Demo
</Link>
</Toolbar>
</header>
<main className='flex flex-grow bg-gray-50'>
<div className='flex flex-col flex-grow mx-auto max-w-7xl p-2 sm:p-6 lg:p-8'>
{children}
</div>
</main>
<footer>
<Toolbar>
<p className='text-gray-50 py-2 rounded-md text-sm font-medium'>
React starter
</p>
</Toolbar>
</footer>
</div>
);
}
export default OneColumn;