define(["require", "exports", "react", "@fluentui/example-data", "@fluentui/react", "@fluentui/react/lib/Button", "@fluentui/react-cards"], function (require, exports, React, example_data_1, react_1, Button_1, react_cards_1) {
    "use strict";
    Object.defineProperty(exports, "__esModule", { value: true });
    exports.TeamsCards = void 0;
    function onClick() {
        alert('Card was clicked');
    }
    var stackTokens = {
        maxWidth: 300,
    };
    var TeamsCards = function () { return (React.createElement(react_1.Stack, { gap: 40, tokens: stackTokens },
        React.createElement("div", null,
            React.createElement(react_1.Text, { variant: "xLarge" }, "Basic Card"),
            React.createElement(react_cards_1.Card, { onClick: onClick },
                React.createElement(react_cards_1.CardHeader, null,
                    React.createElement(react_1.Persona, { imageUrl: example_data_1.TestImages.personaMale, text: "Carmen Gaylord", secondaryText: "Direct Communications Agent", presence: react_1.PersonaPresence.offline })),
                React.createElement(react_cards_1.CardBody, null, "Voluptatibus commodi ut. Neque eum odit eius repellat molestiae illo aut ut illum. Nulla vel et odit consequatur dolorem molestias. Rem rerum animi consequatur."))),
        React.createElement("div", null,
            React.createElement(react_1.Text, { variant: "xLarge" }, "Only header"),
            React.createElement(react_cards_1.Card, { onClick: onClick },
                React.createElement(react_cards_1.CardHeader, { fitted: true },
                    React.createElement(react_1.Persona, { imageUrl: example_data_1.TestImages.personaMale, text: "Carmen Gaylord", secondaryText: "Direct Communications Agent", presence: react_1.PersonaPresence.offline })))),
        React.createElement("div", null,
            React.createElement(react_1.Text, { variant: "xLarge" }, "Only body"),
            React.createElement(react_cards_1.Card, { onClick: onClick },
                React.createElement(react_cards_1.CardBody, { fitted: true },
                    React.createElement(react_1.Stack, { gap: 10 },
                        React.createElement(react_1.Image, { src: "http://via.placeholder.com/500x500", imageFit: react_1.ImageFit.cover, height: 300, maximizeFrame: true }),
                        React.createElement(react_1.Text, null, "Citizens of distant epochs muse about at theedge of forever hearts of the..."))))),
        React.createElement("div", null,
            React.createElement(react_1.Text, { variant: "xLarge" }, "Only footer"),
            React.createElement(react_cards_1.Card, { onClick: onClick },
                React.createElement(react_cards_1.CardFooter, { fitted: true },
                    React.createElement(react_1.Stack, { horizontal: true, horizontalAlign: "space-between" },
                        React.createElement(Button_1.DefaultButton, { text: "Action" }),
                        React.createElement(react_1.Stack, { horizontal: true },
                            React.createElement(Button_1.IconButton, { iconProps: { iconName: 'FavoriteStar' } }),
                            React.createElement(Button_1.IconButton, { iconProps: { iconName: 'Download' } }),
                            React.createElement(Button_1.IconButton, { iconProps: { iconName: 'More' } })))))))); };
    exports.TeamsCards = TeamsCards;
});
//# sourceMappingURL=Card.Teams.stories.js.map