define(["require", "exports", "react", "@uifabric/example-data", "office-ui-fabric-react", "@uifabric/react-cards/lib/next/index"], function (require, exports, React, example_data_1, office_ui_fabric_react_1, index_1) {
    "use strict";
    Object.defineProperty(exports, "__esModule", { value: true });
    function onClick() {
        alert('Card was clicked');
    }
    exports.TeamsCards = function () { return (React.createElement(office_ui_fabric_react_1.Stack, { gap: 40 },
        React.createElement("div", null,
            React.createElement(office_ui_fabric_react_1.Text, { variant: "xLarge" }, "Basic Card"),
            React.createElement(index_1.Card, { onClick: onClick },
                React.createElement(index_1.CardHeader, null,
                    React.createElement(office_ui_fabric_react_1.Persona, { imageUrl: example_data_1.TestImages.personaMale, text: "Carmen Gaylord", secondaryText: "Direct Communications Agent", presence: office_ui_fabric_react_1.PersonaPresence.offline })),
                React.createElement(index_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(office_ui_fabric_react_1.Text, { variant: "xLarge" }, "Only header"),
            React.createElement(index_1.Card, { onClick: onClick },
                React.createElement(index_1.CardHeader, { fitted: true },
                    React.createElement(office_ui_fabric_react_1.Persona, { imageUrl: example_data_1.TestImages.personaMale, text: "Carmen Gaylord", secondaryText: "Direct Communications Agent", presence: office_ui_fabric_react_1.PersonaPresence.offline })))),
        React.createElement("div", null,
            React.createElement(office_ui_fabric_react_1.Text, { variant: "xLarge" }, "Only body"),
            React.createElement(index_1.Card, { onClick: onClick },
                React.createElement(index_1.CardBody, { fitted: true },
                    React.createElement(office_ui_fabric_react_1.Stack, { gap: 10 },
                        React.createElement(office_ui_fabric_react_1.Image, { src: "http://placehold.it/500x500", imageFit: office_ui_fabric_react_1.ImageFit.cover, height: 300, maximizeFrame: true }),
                        React.createElement(office_ui_fabric_react_1.Text, null, "Citizens of distant epochs muse about at theedge of forever hearts of the..."))))),
        React.createElement("div", null,
            React.createElement(office_ui_fabric_react_1.Text, { variant: "xLarge" }, "Only footer"),
            React.createElement(index_1.Card, { onClick: onClick },
                React.createElement(index_1.CardFooter, { fitted: true },
                    React.createElement(office_ui_fabric_react_1.Stack, { horizontal: true, horizontalAlign: "space-between" },
                        React.createElement(office_ui_fabric_react_1.DefaultButton, { text: "Action" }),
                        React.createElement(office_ui_fabric_react_1.Stack, { horizontal: true },
                            React.createElement(office_ui_fabric_react_1.IconButton, { iconProps: { iconName: 'FavoriteStar' } }),
                            React.createElement(office_ui_fabric_react_1.IconButton, { iconProps: { iconName: 'Download' } }),
                            React.createElement(office_ui_fabric_react_1.IconButton, { iconProps: { iconName: 'More' } })))))))); };
});
//# sourceMappingURL=Card.Teams.stories.js.map