import { __assign, __rest } from "tslib";
import * as React from 'react';
import { Card } from '@fluentui/react-cards';
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 }));
};
var ExampleCard = function (props) { return (React.createElement(Stack, null,
    React.createElement(Card, __assign({}, props),
        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 DefaultCard = function () { return React.createElement(ExampleCard, null); };
export var ClickableCard = function () { return React.createElement(ExampleCard, { onClick: onClick }); };
export var CompactCard = function () { return React.createElement(ExampleCard, { compact: true, onClick: onClick }); };
export var DisabledCard = function () { return React.createElement(ExampleCard, { disabled: true, onClick: onClick }); };
export var SelectedCard = function () { return React.createElement(ExampleCard, { selected: true, onClick: onClick }); };
export var BlockCard = function () { return React.createElement(ExampleCard, { block: true, onClick: onClick }); };
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