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