Layout.tsx 610 Bytes
Newer Older
DESKTOP-J7QTMBR\mikke's avatar
DESKTOP-J7QTMBR\mikke committed
1
2
3
import React from 'react';
import { Header } from './header/Header';
import "./Layout.css"
4
import { Searchbar } from './searchbar/searchbar';
5
import { Filter } from './searchbar/Filter';
DESKTOP-J7QTMBR\mikke's avatar
DESKTOP-J7QTMBR\mikke committed
6
7
8
9
10
11
12
13
14
15
16
17

interface IProps {
  title: string
};
const Layout: React.FC<IProps> = ({ 
  title,
  children 
}) => {
    return (
    <div className="Layout">
      <React.Fragment >
          <Header>
18
            <Searchbar/>
19
            <Filter/>
DESKTOP-J7QTMBR\mikke's avatar
DESKTOP-J7QTMBR\mikke committed
20
21
22
23
24
25
26
27
28
          </Header>
          <div className="Layout__Content">
              <main>{children}</main>
          </div>
      </React.Fragment>
    </div>
    );
};
export default Layout;