define(["require", "exports", "tslib", "react", "@fluentui/react", "@fluentui/react/lib/Button", "@fluentui/azure-themes", "../components/commandBarButton.stories", "../components/splitButton.stories", "../components/iconButton.stories", "../components/iconTooltip.stories", "../components/contextualMenu.stories", "../components/actionButton.stories", "../components/buttonToggle.stories", "../components/callout.stories", "../components/activityitem.stories", "../components/choicegroup.stories", "../components/toggle.stories", "../components/colorpicker.stories", "../components/comboBox.stories", "../components/ContextMenu.stories", "../components/dropdown.stories", "../components/commandBar.stories", "../components/tags.stories", "../components/detailsList.stories", "../components/dateBoundary.stories", "../components/Pivots.stories", "../components/TeachingBubble.stories", "../components/messageBar.stories", "../components/tooltip.stories"], function (require, exports, tslib_1, React, react_1, Button_1, azure_themes_1, commandBarButton_stories_1, splitButton_stories_1, iconButton_stories_1, iconTooltip_stories_1, contextualMenu_stories_1, actionButton_stories_1, buttonToggle_stories_1, callout_stories_1, activityitem_stories_1, choicegroup_stories_1, toggle_stories_1, colorpicker_stories_1, comboBox_stories_1, ContextMenu_stories_1, dropdown_stories_1, commandBar_stories_1, tags_stories_1, detailsList_stories_1, dateBoundary_stories_1, Pivots_stories_1, TeachingBubble_stories_1, messageBar_stories_1, tooltip_stories_1) {
    "use strict";
    Object.defineProperty(exports, "__esModule", { value: true });
    exports.HighContrastDark = exports.HighContrastLight = exports.Dark = exports.Light = void 0;
    // Workaround to prevent errors on usage of Customizer, without disabling all deprecation checks
    // eslint-disable-next-line deprecation/deprecation
    var Customizer = react_1.Customizer;
    var Example = function () { return (React.createElement(react_1.Stack, { gap: 8, horizontalAlign: "center", style: { maxWidth: 1000 } },
        React.createElement(react_1.Stack, { gap: 8, horizontalAlign: "center" },
            React.createElement(react_1.Text, null, "13px body text"),
            React.createElement(react_1.Label, null, "MessageBar / InfoBox"),
            React.createElement(messageBar_stories_1.MessageBarBasicExample, null),
            React.createElement(react_1.Label, null, "TeachingBubble"),
            React.createElement(TeachingBubble_stories_1.TeachingBubbleBasicExample, null),
            React.createElement(react_1.Label, null, "Pivots"),
            React.createElement(Pivots_stories_1.PivotBasicExample, null),
            React.createElement(react_1.Label, null, "Buttons"),
            React.createElement(Button_1.DefaultButton, { text: "DefaultButton" }),
            React.createElement(Button_1.PrimaryButton, { text: "PrimaryButton" }),
            React.createElement(Button_1.CompoundButton, { primary: true, text: "CompoundButton" }),
            React.createElement(Button_1.CompoundButton, { secondaryText: "secondary text.", text: "CompoundButton" }),
            React.createElement(Button_1.DefaultButton, { primary: true, text: "Default button as primary" }),
            React.createElement(Button_1.DefaultButton, { primary: true, disabled: true, text: "Default w/ primary disabled" }),
            React.createElement(react_1.Label, null, "Disabled Buttons"),
            React.createElement(Button_1.DefaultButton, { disabled: true, text: "DefaultButton disabled" }),
            React.createElement(Button_1.PrimaryButton, { disabled: true, text: "PrimaryButton disabled" }),
            React.createElement(Button_1.PrimaryButton, { disabled: true, text: "PrimaryButton disabled" }),
            React.createElement(Button_1.CompoundButton, { disabled: true, primary: true, text: "CompoundButton primary disabled" }),
            React.createElement(react_1.Label, { disabled: true }, "I am a disabled label"),
            React.createElement(react_1.Label, null, "Icon Buttons"),
            React.createElement(iconButton_stories_1.ButtonIconExample, { checked: false }),
            React.createElement(commandBarButton_stories_1.ButtonCommandBarExample, null),
            React.createElement(iconTooltip_stories_1.ButtonIconWithTooltipExample, null),
            React.createElement(contextualMenu_stories_1.ButtonContextualMenuExample, null),
            React.createElement(actionButton_stories_1.ButtonActionExample, null),
            React.createElement(react_1.Label, null, "Toggle button"),
            React.createElement(buttonToggle_stories_1.ButtonToggleExample, null),
            React.createElement(splitButton_stories_1.ButtonSplitExample, { checked: false }),
            React.createElement(callout_stories_1.CalloutBasicExample, null),
            React.createElement(Button_1.DefaultButton, { text: "WIP: default button > primary", primary: true }),
            React.createElement(Button_1.DefaultButton, { text: "WIP: Primary button", primary: true }),
            React.createElement(react_1.Label, null, "Tooltip"),
            React.createElement(tooltip_stories_1.TooltipBasicExample, null)),
        React.createElement(react_1.Stack, { gap: 8, horizontalAlign: "center", style: { marginTop: 40 } },
            React.createElement(react_1.Label, null, "DetailsList / Grid"),
            React.createElement(detailsList_stories_1.DetailsListCompactExample, null)),
        React.createElement(react_1.Stack, { gap: 8, horizontalAlign: "center", style: { marginTop: 40 } },
            React.createElement(react_1.Label, { className: "section" }, "DatePicker"),
            React.createElement(dateBoundary_stories_1.DatePickerBoundedExample, null)),
        React.createElement(react_1.Stack, { gap: 8, horizontalAlign: "center", style: { marginTop: 40 } },
            React.createElement(react_1.Label, null, "Picker"),
            React.createElement(tags_stories_1.TagPickerBasicExample, null)),
        React.createElement(react_1.Stack, { gap: 8, horizontalAlign: "center", style: { marginTop: 40 } },
            React.createElement(react_1.Label, null, "CommandBar"),
            React.createElement(commandBar_stories_1.CommandBarBasicExample, null)),
        React.createElement(react_1.Stack, { gap: 8, horizontalAlign: "center", style: { marginTop: 40 } },
            React.createElement(react_1.Label, null, "Checkboxes"),
            React.createElement(react_1.Checkbox, { label: "Unchecked checkbox (uncontrolled)" }),
            React.createElement(react_1.Checkbox, { label: "Checked checkbox (uncontrolled)", defaultChecked: true }),
            React.createElement(react_1.Checkbox, { label: "Disabled checkbox", disabled: true }),
            React.createElement(react_1.Checkbox, { label: "Disabled checked checkbox", disabled: true, defaultChecked: true })),
        React.createElement(react_1.Stack, { gap: 8, horizontalAlign: "center", style: { marginTop: 40 } },
            React.createElement(react_1.Label, null, "Links"),
            React.createElement(react_1.Link, null, "Hello I am a link, hover underline")),
        React.createElement(react_1.Stack, { gap: 8, horizontalAlign: "center", style: { marginTop: 40 } },
            React.createElement(react_1.Label, null, "ComboBox"),
            React.createElement(comboBox_stories_1.ComboBoxBasicExample, null)),
        React.createElement(react_1.Stack, { gap: 8, horizontalAlign: "center", style: { marginTop: 40 } },
            React.createElement(react_1.Label, null, "Dropdowns"),
            React.createElement(dropdown_stories_1.DropdownBasicExample, null)),
        React.createElement(react_1.Stack, { gap: 8, horizontalAlign: "center", style: { marginTop: 40 } },
            React.createElement(react_1.Label, null, "Search / input fields"),
            React.createElement(react_1.SearchBox, null),
            React.createElement(react_1.TextField, { disabled: true, placeholder: "disabled placeholder" }),
            React.createElement(react_1.TextField, { disabled: true, value: "disabled text" }),
            React.createElement(react_1.TextField, { placeholder: "Hello" }),
            React.createElement(react_1.TextField, { errorMessage: "Error message!" })),
        React.createElement(react_1.Stack, { gap: 8, horizontalAlign: "center", style: { marginTop: 40 } },
            React.createElement(react_1.Label, null, "Misc"),
            React.createElement(activityitem_stories_1.ActivityItemBasicExample, null),
            React.createElement(choicegroup_stories_1.ChoiceGroupBasicExample, null),
            React.createElement(toggle_stories_1.ToggleBasicExample, null),
            React.createElement(colorpicker_stories_1.ColorPickerBasicExample, null),
            React.createElement(ContextMenu_stories_1.ContextualMenuDefaultExample, null)))); };
    var Light = function () { return (React.createElement(Customizer, tslib_1.__assign({}, azure_themes_1.AzureCustomizationsLight),
        React.createElement(react_1.ThemeProvider, { applyTo: "body" },
            React.createElement(Example, null)))); };
    exports.Light = Light;
    var Dark = function () { return (React.createElement(Customizer, tslib_1.__assign({}, azure_themes_1.AzureCustomizationsDark),
        React.createElement(react_1.ThemeProvider, { applyTo: "body" },
            React.createElement(Example, null)))); };
    exports.Dark = Dark;
    var HighContrastLight = function () { return (React.createElement(Customizer, tslib_1.__assign({}, azure_themes_1.AzureCustomizationsHighContrastLight),
        React.createElement(react_1.ThemeProvider, { applyTo: "body" },
            React.createElement(Example, null)))); };
    exports.HighContrastLight = HighContrastLight;
    var HighContrastDark = function () { return (React.createElement(Customizer, tslib_1.__assign({}, azure_themes_1.AzureCustomizationsHighContrastDark),
        React.createElement(react_1.ThemeProvider, { applyTo: "body" },
            React.createElement(Example, null)))); };
    exports.HighContrastDark = HighContrastDark;
});
//# sourceMappingURL=Themes.stories.js.map