import { __assign, __rest } from "tslib";
import * as React from 'react';
import { Card } from '@uifabric/react-cards/lib/next/index';
import * as classes from './Card.stories.scss';
function onClick() {
    alert('Card was clicked');
}
/**
 * Temporary Stack until there's one in its own package.
 */
var Stack = function (props) {
    var horizontal = props.horizontal, rest = __rest(props, ["horizontal"]);
    return React.createElement("div", __assign({}, rest, { className: horizontal ? classes.hStack : classes.vStack }));
};
export var DefaultCard = function () { return (React.createElement(Card, null,
    React.createElement("span", null, "This is a card"),
    React.createElement("span", null, "This is a card"),
    React.createElement("span", null, "This is a card"))); };
export var ClickableCard = function () { return (React.createElement(Card, { onClick: onClick },
    React.createElement("span", null, "This is a card"),
    React.createElement("span", null, "This is a card"),
    React.createElement("span", null, "This is a card"))); };
export var CompactCard = function () { return (React.createElement(Card, { compact: true, onClick: onClick },
    React.createElement("span", null, "This is a card"),
    React.createElement("span", null, "This is a card"),
    React.createElement("span", null, "This is a card"))); };
export var DisabledCard = function () { return (React.createElement(Card, { disabled: true, onClick: onClick },
    React.createElement("span", null, "This is a card"),
    React.createElement("span", null, "This is a card"),
    React.createElement("span", null, "This is a card"))); };
export var SelectedCard = function () { return (React.createElement(Card, { selected: true, onClick: onClick },
    React.createElement("span", null, "This is a card"),
    React.createElement("span", null, "This is a card"),
    React.createElement("span", null, "This is a card"))); };
export var FluidCard = function () { return (React.createElement(Card, { fluid: true, onClick: onClick },
    React.createElement("span", null, "This is a card"),
    React.createElement("span", null, "This is a card"),
    React.createElement("span", null, "This is a card"))); };
export var CardSizes = function () { return (React.createElement(Stack, null,
    React.createElement(Card, { size: "small", onClick: onClick },
        React.createElement("span", null, "This is a card"),
        React.createElement("span", null, "This is a card"),
        React.createElement("span", null, "This is a card")),
    React.createElement(Card, { size: "medium", onClick: onClick },
        React.createElement("span", null, "This is a card"),
        React.createElement("span", null, "This is a card"),
        React.createElement("span", null, "This is a card")),
    React.createElement(Card, { size: "large", onClick: onClick },
        React.createElement("span", null, "This is a card"),
        React.createElement("span", null, "This is a card"),
        React.createElement("span", null, "This is a card")))); };
//# sourceMappingURL=Card.stories.js.map