import styled from 'styled-components'
import theme from 'theme'

export const Wrapper = styled.div`
  background-color: ${props =>
    props.isActive ? theme.colors.white : 'transparent'};
  border-radius: 5px;
  box-shadow: ${props =>
    props.isActive ? `2px 4px 5px ${theme.shadows['light-grey']}` : 'none'};
  cursor: ${props => (props.isActive ? 'default' : 'pointer')};
  display: flex;
  max-width: 340px;
  padding: 21px 19px;
`

export default Wrapper
