import { Variants } from '../../styles';
import * as React from 'react';
import StyledCard from './styled-card';

interface Props {
    children: React.ReactNode;
    style?: React.CSSProperties;
    variant: Variants;
}

const Card = (props: Props) => (
    <StyledCard
        variant={props.variant}
        style={props.style}
    >
        {props.children}
    </StyledCard>
)

Card.defaultProps = {
    variant: 'contained',
}

export default Card;