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 |