"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.ButtonIconExample = void 0;
var React = require("react");
var react_1 = require("@fluentui/react");
var Button_1 = require("@fluentui/react/lib-commonjs/Button");
var emojiIcon = { iconName: 'Emoji2' };
var menuProps = {
    items: [
        {
            key: 'emailMessage',
            text: 'Email message',
            iconProps: { iconName: 'Mail' },
        },
        {
            key: 'calendarEvent',
            text: 'Calendar event',
            iconProps: { iconName: 'Calendar' },
        },
    ],
    directionalHintFixed: true,
};
var ButtonIconExample = function (props) {
    var disabled = props.disabled, checked = props.checked;
    return (React.createElement("div", null,
        React.createElement(react_1.Stack, { tokens: { childrenGap: 8 }, horizontal: true },
            React.createElement(Button_1.IconButton, { iconProps: emojiIcon, title: "Emoji", ariaLabel: "Emoji", disabled: disabled, checked: checked }),
            React.createElement(Button_1.IconButton, { menuProps: menuProps, iconProps: emojiIcon, title: "Emoji", ariaLabel: "Emoji", disabled: disabled, checked: checked })),
        React.createElement("p", null,
            "For a list of Icons, visit our",
            ' ',
            React.createElement(react_1.Link, { href: "https://developer.microsoft.com/en-us/fabric#/styles/icons" }, "Icon documentation"),
            ".")));
};
exports.ButtonIconExample = ButtonIconExample;
//# sourceMappingURL=iconButton.stories.js.map