All files / Atoms/Containers Panel.js

100% Statements 10/10
100% Branches 0/0
100% Functions 6/6
100% Lines 10/10

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 31 32 33 34 35        1x         6x 6x 6x 6x 6x     1x 6x         1x           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: center;
  align-items: center;
  height: ${(props) => props.height};
  width: ${(props) => props.width};
  min-width: ${(props) => props.width};
  box-shadow: 0 0 25px 5px ${(props) => props.theme['panelShadowColor']};
  background-color: ${(props) => props.theme['panelBackgroundColor']};
`
 
const Panel = ({ children, height, width, ...rest }) => (
  <Wrapper height={height} width={width} {...rest}>
    {children}
  </Wrapper>
)
 
Panel.propTypes = {
  children: PropTypes.node,
  height: PropTypes.string,
  width: PropTypes.string,
}
 
Panel.defaultProps = {
  height: 'auto',
  width: '100%',
}
 
export default Panel