import React from "react";

const Card = (props) => {
    return (
        <div className="card">
            {props.children}
        </div>
    )
};

const CardHeader = (props) => {
    return (
        <header className="card-header">
            {props.children}
        </header>
    )
};

const CardTitle = (props) => {
    return (
        <h1 className="card-title">
            {props.children}
        </h1>
    )
};

const CardContent = (props) => {
    return (
        <div className="card-content">
            {props.children}
        </div>
    )
};

export {
    Card,
    CardContent,
    CardHeader,
    CardTitle
}