import * as React from 'react';
import { View } from 'react-native';
import { Button, FAB } from '@fluentui-react-native/experimental-button';
import { iconProps } from '../Common/iconExamples';
import { commonTestStyles, testContentRootViewStyle } from '../Common/styles';
export var ButtonVariantTest = function () {
    var _a = React.useState(true), showFABText = _a[0], setShowFABText = _a[1];
    var flipFABcontent = React.useCallback(function () { return setShowFABText(!showFABText); }, [showFABText]);
    return (React.createElement(View, { style: testContentRootViewStyle },
        React.createElement(Button, { style: commonTestStyles.vmargin }, "Default"),
        React.createElement(Button, { disabled: true, style: commonTestStyles.vmargin }, "Default Disabled"),
        React.createElement(Button, { appearance: "accent", style: commonTestStyles.vmargin }, "Accent"),
        React.createElement(Button, { disabled: true, appearance: "accent", style: commonTestStyles.vmargin }, "Accent Disabled"),
        React.createElement(Button, { appearance: "outline", style: commonTestStyles.vmargin }, "Outline"),
        React.createElement(Button, { appearance: "outline", disabled: true, style: commonTestStyles.vmargin }, "Outline Disabled"),
        React.createElement(Button, { appearance: "subtle", style: commonTestStyles.vmargin }, "Subtle"),
        React.createElement(Button, { appearance: "subtle", disabled: true, style: commonTestStyles.vmargin }, "Subtle Disabled"),
        React.createElement(FAB, { icon: iconProps, iconOnly: true, disabled: true, style: commonTestStyles.vmargin, accessibilityLabel: "FAB" }),
        React.createElement(FAB, { icon: iconProps, style: commonTestStyles.vmargin, showContent: showFABText, onClick: flipFABcontent }, "Click Me!"),
        React.createElement(FAB, { appearance: "subtle", iconOnly: true, disabled: true, icon: iconProps, style: commonTestStyles.vmargin, accessibilityLabel: "FAB" }),
        React.createElement(FAB, { appearance: "subtle", icon: iconProps, style: commonTestStyles.vmargin, showContent: showFABText, onClick: flipFABcontent }, "Click Me!")));
};
//# sourceMappingURL=ButtonVariantTestSection.mobile.js.map