All files / widgets/data-table/headers header.js

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 from 'react'
import styled from 'styled-components'
 
const HeaderStyled = styled.div`
  font-weight: 600;
  text-transform: uppercase;
  color: #9ba2ac;
  font-size: 0.7rem;
  display: flex;
  align-items: center;
  box-shadow: inset 4px 0 #afcef3;
  height 31px;
  border-top: 1px solid #c5d0e1;
  border-bottom: 1px solid #c5d0e1;
  border-right: 1px solid #c5d0e1;
  background-color: #fafafc;
 
  > div{
    height: 100%;
  }
`
 
const Header = ({ children }) => (
  <HeaderStyled>
    {children}
  </HeaderStyled>
)
 
export default Header