import React from 'react' ; import styled from 'styled-components' ; interface CardTitleProps { text ? : string ; } const CardTitle = ( { text } ) => ( < StyledCardTitle > { text } < /StyledCardTitle>); const StyledCardTitle = styled . div `
  color: ${ props => props . theme . color . black };
  font-size: 18px;
  font-weight: 400;
  padding: ${ props => props . theme . spacing [ 4 ] }px;
  text-align: center;
` ; export default CardTitle ;