import remcalc from 'remcalc';
import Baseline from '../baseline';
import View from './view';
import React from 'react';

const StyledView = View.extend`
  display: block;
  padding: ${remcalc(12, 24, 6, 24)};
  background-color: ${props => props.grey};
`;

const GroupView = ({ children, ...rest }) =>
  <StyledView {...rest}>
    {children}
  </StyledView>;

export default Baseline(GroupView);