import * as React from 'react';
import { View } from 'react-native';
import { Button, CompoundButton, FAB } from '@fluentui-react-native/experimental-button';
import { iconProps } from '../Common/iconExamples';
import { commonTestStyles, testContentRootViewStyle } from '../Common/styles';
// Test also pulls button from deprecated package to ensure it's still working
export var ButtonVariantTest = function () {
    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: "primary", style: commonTestStyles.vmargin }, "Primary"),
        React.createElement(Button, { disabled: true, appearance: "primary", style: commonTestStyles.vmargin }, "Primary Disabled"),
        React.createElement(Button, { appearance: "subtle", style: commonTestStyles.vmargin }, "Subtle"),
        React.createElement(Button, { loading: true }, "Loading Button"),
        React.createElement(Button, { block: true, style: commonTestStyles.vmargin }, "Block"),
        React.createElement(Button, { appearance: "primary", block: true, style: commonTestStyles.vmargin }, "Block Primary"),
        React.createElement(Button, { appearance: "subtle", block: true, style: commonTestStyles.vmargin }, "Block Subtle"),
        React.createElement(CompoundButton, { secondaryContent: "Compound", style: commonTestStyles.vmargin }, "Default"),
        React.createElement(CompoundButton, { appearance: "primary", secondaryContent: "Compound", style: commonTestStyles.vmargin }, "Primary"),
        React.createElement(CompoundButton, { appearance: "subtle", secondaryContent: "Compound", style: commonTestStyles.vmargin }, "Subtle"),
        React.createElement(FAB, { icon: iconProps, style: commonTestStyles.vmargin }, "FAB")));
};
//# sourceMappingURL=ButtonVariantTestSection.js.map