"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.ButtonSizeTest = void 0;
var tslib_1 = require("tslib");
var React = tslib_1.__importStar(require("react"));
var react_native_1 = require("react-native");
var react_native_2 = require("@fluentui/react-native");
var iconExamples_1 = require("../Common/iconExamples");
var styles_1 = require("../Common/styles");
var isMobile = react_native_1.Platform.OS === 'android' || react_native_1.Platform.OS === 'ios';
var ButtonSizeTest = function () {
    var svgIconsEnabled = ['ios', 'macos', 'win32', 'android'].includes(react_native_1.Platform.OS);
    return (React.createElement(react_native_1.View, { style: styles_1.testContentRootViewStyle },
        svgIconsEnabled && (React.createElement(React.Fragment, null,
            React.createElement(react_native_2.ButtonV1, { iconOnly: true, size: "small", icon: iconExamples_1.iconProps, accessibilityLabel: "Small size button with accessibility icon", style: styles_1.commonTestStyles.vmargin, tooltip: "button tooltip" }),
            React.createElement(react_native_2.ButtonV1, { iconOnly: true, size: "small", appearance: "primary", icon: iconExamples_1.iconProps, accessibilityLabel: "Small size button with accessibility icon", style: styles_1.commonTestStyles.vmargin, tooltip: "button tooltip" }),
            React.createElement(react_native_2.ButtonV1, { iconOnly: true, size: "medium", icon: iconExamples_1.iconProps, accessibilityLabel: "Medium size button with accessibility icon", style: styles_1.commonTestStyles.vmargin }),
            React.createElement(react_native_2.ButtonV1, { iconOnly: true, size: "medium", appearance: "primary", icon: iconExamples_1.iconProps, accessibilityLabel: "Medium size button with accessibility icon", style: styles_1.commonTestStyles.vmargin }),
            React.createElement(react_native_2.ButtonV1, { iconOnly: true, size: "large", icon: iconExamples_1.iconProps, accessibilityLabel: "Large size button with accessibility icon", style: styles_1.commonTestStyles.vmargin }),
            React.createElement(react_native_2.ButtonV1, { iconOnly: true, size: "large", appearance: "primary", icon: iconExamples_1.iconProps, accessibilityLabel: "Large size button with accessibility icon", style: styles_1.commonTestStyles.vmargin }),
            React.createElement(react_native_2.ButtonV1, { size: "small", icon: iconExamples_1.iconProps, style: styles_1.commonTestStyles.vmargin }, "Small Button with icon"),
            React.createElement(react_native_2.ButtonV1, { size: "small", appearance: "primary", icon: iconExamples_1.iconProps, style: styles_1.commonTestStyles.vmargin }, "Small Button with icon"),
            React.createElement(react_native_2.ButtonV1, { size: "medium", icon: iconExamples_1.iconProps, style: styles_1.commonTestStyles.vmargin }, "Medium Button with icon"),
            React.createElement(react_native_2.ButtonV1, { size: "medium", appearance: "primary", icon: iconExamples_1.iconProps, style: styles_1.commonTestStyles.vmargin }, "Medium Button with icon"),
            React.createElement(react_native_2.ButtonV1, { size: "large", icon: iconExamples_1.iconProps, style: styles_1.commonTestStyles.vmargin }, "Large Button with icon"),
            React.createElement(react_native_2.ButtonV1, { size: "large", appearance: "primary", icon: iconExamples_1.iconProps, style: styles_1.commonTestStyles.vmargin }, "Large Button with icon"),
            React.createElement(react_native_2.FAB, { size: "small", icon: iconExamples_1.iconProps, style: styles_1.commonTestStyles.vmargin }, "Small FAB"),
            React.createElement(react_native_2.FAB, { size: "large", icon: iconExamples_1.iconProps, style: styles_1.commonTestStyles.vmargin }, "Large FAB"))),
        React.createElement(react_native_2.ButtonV1, { size: "small", style: styles_1.commonTestStyles.vmargin }, "Small"),
        React.createElement(react_native_2.ButtonV1, { size: "medium", style: styles_1.commonTestStyles.vmargin }, "Medium"),
        React.createElement(react_native_2.ButtonV1, { size: "large", style: styles_1.commonTestStyles.vmargin }, "Large"),
        !isMobile && (React.createElement(React.Fragment, null,
            React.createElement(react_native_2.ButtonV1, { loading: true, size: "small", style: styles_1.commonTestStyles.vmargin }, "Loading Button Small"),
            React.createElement(react_native_2.ButtonV1, { loading: true, size: "medium", style: styles_1.commonTestStyles.vmargin }, "Loading Button Medium"),
            React.createElement(react_native_2.ButtonV1, { loading: true, size: "large", style: styles_1.commonTestStyles.vmargin }, "Loading Button Large"),
            React.createElement(react_native_2.CompoundButton, { secondaryContent: "Small compound button", size: "small", style: styles_1.commonTestStyles.vmargin }, "Compound Button"),
            React.createElement(react_native_2.CompoundButton, { appearance: "primary", secondaryContent: "Small compound button", size: "small", style: styles_1.commonTestStyles.vmargin }, "Compound Button"),
            React.createElement(react_native_2.CompoundButton, { secondaryContent: "Medium compound button", size: "medium", style: styles_1.commonTestStyles.vmargin }, "Compound Button"),
            React.createElement(react_native_2.CompoundButton, { appearance: "primary", secondaryContent: "Medium compound button", size: "medium", style: styles_1.commonTestStyles.vmargin }, "Compound Button"),
            React.createElement(react_native_2.CompoundButton, { secondaryContent: "Large compound button", size: "large", style: styles_1.commonTestStyles.vmargin }, "Compound Button"),
            React.createElement(react_native_2.CompoundButton, { appearance: "primary", secondaryContent: "Large compound button", size: "large", style: styles_1.commonTestStyles.vmargin }, "Compound Button"),
            svgIconsEnabled && (React.createElement(React.Fragment, null,
                React.createElement(react_native_2.CompoundButton, { icon: iconExamples_1.iconProps, secondaryContent: "SecondaryContent", size: "small", style: styles_1.commonTestStyles.vmargin }, "Content"),
                React.createElement(react_native_2.CompoundButton, { icon: iconExamples_1.iconProps, secondaryContent: "SecondaryContent", size: "medium", style: styles_1.commonTestStyles.vmargin }, "Content"),
                React.createElement(react_native_2.CompoundButton, { icon: iconExamples_1.iconProps, secondaryContent: "SecondaryContent", size: "large", style: styles_1.commonTestStyles.vmargin }, "Content")))))));
};
exports.ButtonSizeTest = ButtonSizeTest;
//# sourceMappingURL=ButtonSizeTestSection.js.map