import React from 'react' ; import styled from 'styled-components' ; const CardContent = ( { children } ) => ( < StyledCardContent > { children } < /StyledCardContent>); const StyledCardContent = styled . div `
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: ${ ( props ) => `${ props . theme . spacing [ 3 ] }px ${ props . theme . spacing [ 5 ] }px` } ;
` ; export default CardContent ;