import * as React from 'react';
import { AccordionItem, AccordionHeader, AccordionPanel, Accordion, } from '@fluentui/react-accordion';
import { RocketIcon } from '@fluentui/react-icons-mdl2';
export var AccordionItemExample = function (args) {
    return (React.createElement(Accordion, { onToggle: args.onToggle, collapsible: true },
        React.createElement(AccordionItem, null,
            React.createElement(AccordionHeader, { inline: args.inline, icon: args.icon ? React.createElement(RocketIcon, null) : undefined, expandIconPosition: args.expandIconPosition, size: args.size }, args.label),
            React.createElement(AccordionPanel, null, "Accordion Panel"))));
};
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