define(["require", "exports", "tslib", "react", "@uifabric/react-cards/lib/next/index", "./Card.stories.scss"], function (require, exports, tslib_1, React, index_1, classes) {
    "use strict";
    Object.defineProperty(exports, "__esModule", { value: true });
    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 }));
    };
    exports.DefaultCard = function () { return (React.createElement(index_1.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"))); };
    exports.ClickableCard = function () { return (React.createElement(index_1.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"))); };
    exports.CompactCard = function () { return (React.createElement(index_1.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"))); };
    exports.DisabledCard = function () { return (React.createElement(index_1.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"))); };
    exports.SelectedCard = function () { return (React.createElement(index_1.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"))); };
    exports.FluidCard = function () { return (React.createElement(index_1.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"))); };
    exports.CardSizes = function () { return (React.createElement(Stack, null,
        React.createElement(index_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(index_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(index_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")))); };
});
//# sourceMappingURL=Card.stories.js.map