layout PageHeader.tsx

0% Statements 0/8

100% Branches 0/0

0% Functions 0/2

0% Lines 0/7

Press n or j to go to the next uncovered block, b, p or k for the previous block.


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  
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  import React, { ReactNode } from "react";
import styled from "styled-components";
 
export const Wrapper = styled.div`
  display: flex;
  flex-direction: column;
  align-items: center;
  background: ${(props) => props.theme.colors.sidebar.background};
  width: 100%;
`;
 
export const Container = styled.div`
  width: 100%;
  max-width: 1000px;
  padding: 20px;
  box-sizing: border-box;
`;
 
interface PageHeaderProps {
  children: ReactNode;
}
 
export const PageHeader = ({ children }: PageHeaderProps) => {
  return (
    <Wrapper>
      <Container>{children}</Container>
    </Wrapper>
  );
};