define(["require", "exports", "tslib", "react", "@fluentui/react-accordion", "@fluentui/react-icons-mdl2"], function (require, exports, tslib_1, React, react_accordion_1, react_icons_mdl2_1) {
    "use strict";
    Object.defineProperty(exports, "__esModule", { value: true });
    exports.AccordionExample = void 0;
    var AccordionExample = function (props) {
        return (React.createElement(react_accordion_1.Accordion, tslib_1.__assign({}, props, { icon: props.icon ? React.createElement(react_icons_mdl2_1.RocketIcon, null) : undefined }),
            React.createElement(react_accordion_1.AccordionItem, null,
                React.createElement(react_accordion_1.AccordionHeader, null, "Accordion Header 1"),
                React.createElement(react_accordion_1.AccordionPanel, null,
                    React.createElement("div", null,
                        React.createElement("button", null, "Button 1")),
                    React.createElement("div", null, "Accordion Panel 1"))),
            React.createElement(react_accordion_1.AccordionItem, null,
                React.createElement(react_accordion_1.AccordionHeader, null, "Accordion Header 2"),
                React.createElement(react_accordion_1.AccordionPanel, null,
                    React.createElement("div", null,
                        React.createElement("button", null, "Button 2")),
                    React.createElement("div", null, "Accordion Panel 2"))),
            React.createElement(react_accordion_1.AccordionItem, null,
                React.createElement(react_accordion_1.AccordionHeader, null, "Accordion Header 3"),
                React.createElement(react_accordion_1.AccordionPanel, null,
                    React.createElement("div", null,
                        React.createElement("button", null, "Button 3")),
                    React.createElement("div", null, "Accordion Panel 3")))));
    };
    exports.AccordionExample = AccordionExample;
    exports.AccordionExample.argTypes = {
        inline: {
            defaultValue: false,
            control: 'boolean',
        },
        navigable: {
            defaultValue: false,
            control: 'boolean',
        },
        circular: {
            defaultValue: false,
            control: 'boolean',
        },
        multiple: {
            defaultValue: false,
            control: 'boolean',
        },
        collapsible: {
            defaultValue: false,
            control: 'boolean',
        },
        icon: {
            defaultValue: false,
            control: 'boolean',
        },
        size: {
            defaultValue: 'medium',
            control: {
                type: 'select',
                options: ['small', 'medium', 'large', 'extra-large'],
            },
        },
        expandIconPosition: {
            defaultValue: 'start',
            control: {
                type: 'inline-radio',
                options: ['start', 'end'],
            },
        },
    };
});
//# sourceMappingURL=Accordion.stories.js.map