All files / widgets/data-table/rows row.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
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
import React from 'react'
import PropTypes from 'prop-types'
import styled from 'styled-components'
 
const RowStyled = styled.div`
  font-size: 0.8rem;
  background: #FFFFFF;
  margin: 0;
  border-right: 1px dashed #c5d0e1;
  padding-left: 4px;
  border-bottom: 1px dashed #c5d0e1;
  box-shadow: inset 4px 0 ${p=>p.borderColor};
  min-height: 60px;
  display: flex;
`
 
const Row = ({ children, borderColor }) => (
  <RowStyled borderColor={borderColor}>
    {children}
  </RowStyled>
)
 
Row.propTypes = {
  children: PropTypes.node.isRequired,
  borderColor: PropTypes.string
}
 
export default Row