"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.AccordionItemExample = void 0;
var React = require("react");
var react_accordion_1 = require("@fluentui/react-accordion");
var react_icons_mdl2_1 = require("@fluentui/react-icons-mdl2");
var AccordionItemExample = function (args) {
    return (React.createElement(react_accordion_1.Accordion, { onToggle: args.onToggle, collapsible: true },
        React.createElement(react_accordion_1.AccordionItem, null,
            React.createElement(react_accordion_1.AccordionHeader, { inline: args.inline, icon: args.icon ? React.createElement(react_icons_mdl2_1.RocketIcon, null) : undefined, expandIconPosition: args.expandIconPosition, size: args.size }, args.label),
            React.createElement(react_accordion_1.AccordionPanel, null, "Accordion Panel"))));
};
exports.AccordionItemExample = AccordionItemExample;
exports.AccordionItemExample.argTypes = {
    onToggle: { action: 'toggled' },
    inline: {
        defaultValue: false,
        control: 'boolean',
    },
    label: {
        defaultValue: 'Accordion Header',
        type: 'string',
    },
    size: {
        defaultValue: 'medium',
        control: {
            type: 'select',
            options: ['small', 'medium', 'large', 'extra-large'],
        },
    },
    icon: {
        defaultValue: false,
        control: 'boolean',
    },
    expandIconPosition: {
        defaultValue: 'start',
        control: {
            type: 'inline-radio',
            options: ['start', 'end'],
        },
    },
};
//# sourceMappingURL=AccordionItem.stories.js.map