@cimpress/react-components/dist/esm/docs/components/card/card.js

React components to support the MCP styleguide

import React from 'react';
import { Card, Button } from '@cimpress/react-components';
const CardDemo = () => (React.createElement("div", { className: "card-deck" },
    React.createElement(Card, { header: "Card with Text Header" },
        React.createElement("p", { className: "card-text" }, "This is a regular card."),
        React.createElement("p", { className: "card-text" }, "It is fairly pedestrian."),
        React.createElement("p", { className: "card-text" }, "You can use it to organize content.")),
    React.createElement(Card, { header: "Minimal!", isMinimal: true },
        React.createElement("p", { className: "card-text" }, "A card with a more minimal header style and a button."),
        React.createElement("p", { className: "card-text" }, "It looks so shiny."),
        React.createElement(Button, { variant: "primary" }, "Primary CTA")),
    React.createElement(Card, { variant: "layout", header: "White Layout Card" },
        React.createElement("p", { className: "card-text" }, "This is a layout card."),
        React.createElement("p", { className: "card-text" }, "It has no border or header underline."),
        React.createElement("p", { className: "card-text" }, "It looks simple and clean."))));
export default CardDemo;
//# sourceMappingURL=card.js.map