Card, imported getColor method and set font-family and color prop
import React from 'react';
import { Box } from '../box';
-import { getBackgroundColor } from './utils';
+import { getBackgroundColor, getColor } from './utils';
import styled from '../../styled';
const BaseCard = styled(Box.withComponent('div'))`
width: ${props => props.theme.cardDimension[0]}px;
height: ${props => props.theme.cardDimension[1]}px;
+ font-family: ${props => props.theme.fonts.card};
`;
export class Card extends React.Component {
@@ -16,6 +17,7 @@ export class Card extends React.Component {
bg={getBackgroundColor(false)}
px={24}
py={16}
+ color={getColor(false)}
>
{this.props.children}
</BaseCard>
