All files / Atoms/Tables Table.js

100% Statements 7/7
100% Branches 0/0
100% Functions 4/4
100% Lines 6/6

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        1x           2x     2x       2x       2x   1x          
import React from 'react'
import PropTypes from 'prop-types'
import styled from 'styled-components'
 
const Wrapper = styled.div`
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  box-shadow: 0 0 25px 5px ${(props) => props.theme['tableShadowColor']};
 
  & > :nth-child(even) {
    background-color: ${(props) => props.theme['tableCellEvenBackgroundColor']};
  }
 
  & > :nth-child(odd) {
    background-color: ${(props) => props.theme['tableCellOddBackgroundColor']};
  }
`
 
const Table = ({ children }) => <Wrapper>{children}</Wrapper>
 
Table.propTypes = {
  children: PropTypes.node,
}
 
export default Table