define(["require", "exports", "tslib", "react", "@fluentui/react-cards", "./Card.stories.scss"], function (require, exports, tslib_1, React, react_cards_1, classes) {
    "use strict";
    Object.defineProperty(exports, "__esModule", { value: true });
    exports.CardSizes = exports.BlockCard = exports.SelectedCard = exports.DisabledCard = exports.CompactCard = exports.ClickableCard = exports.DefaultCard = void 0;
    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 = tslib_1.__rest(props, ["horizontal"]);
        return React.createElement("div", tslib_1.__assign({}, rest, { className: horizontal ? classes.hStack : classes.vStack }));
    };
    var ExampleCard = function (props) { return (React.createElement(Stack, null,
        React.createElement(react_cards_1.Card, tslib_1.__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")))); };
    var DefaultCard = function () { return React.createElement(ExampleCard, null); };
    exports.DefaultCard = DefaultCard;
    var ClickableCard = function () { return React.createElement(ExampleCard, { onClick: onClick }); };
    exports.ClickableCard = ClickableCard;
    var CompactCard = function () { return React.createElement(ExampleCard, { compact: true, onClick: onClick }); };
    exports.CompactCard = CompactCard;
    var DisabledCard = function () { return React.createElement(ExampleCard, { disabled: true, onClick: onClick }); };
    exports.DisabledCard = DisabledCard;
    var SelectedCard = function () { return React.createElement(ExampleCard, { selected: true, onClick: onClick }); };
    exports.SelectedCard = SelectedCard;
    var BlockCard = function () { return React.createElement(ExampleCard, { block: true, onClick: onClick }); };
    exports.BlockCard = BlockCard;
    var CardSizes = function () { return (React.createElement(Stack, null,
        React.createElement(react_cards_1.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(react_cards_1.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(react_cards_1.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")))); };
    exports.CardSizes = CardSizes;
});
//# sourceMappingURL=Card.stories.js.map