import { __assign } from "tslib";
/* eslint-disable @typescript-eslint/no-var-requires */
import * as React from 'react';
import { Platform, View } from 'react-native';
import { Button, Text } from '@fluentui/react-native';
import { Stack } from '@fluentui-react-native/stack';
import { testImage, svgProps } from '../../Common/iconExamples';
import { stackStyle } from '../../Common/styles';
var CustomizedIconButton = Button.customize({
    tokens: { iconColor: 'red' },
    content: { style: { marginStart: 5 } },
});
export var ButtonIconTest_deprecated = function () {
    /* eslint-disable @typescript-eslint/no-var-requires */
    // SVG-based icons are not available on all platforms yet
    var svgIconsEnabled = ['ios', 'macos', 'win32', 'android'].includes(Platform.OS);
    var iconProps = { svgSource: svgProps, width: 20, height: 20 };
    return (React.createElement(View, null,
        React.createElement(Stack, { style: stackStyle },
            React.createElement(Button, { startIcon: testImage, content: "Button with png Icon", tooltip: "button tooltip" }),
            svgIconsEnabled ? (React.createElement(Button, { startIcon: __assign(__assign({}, iconProps), { color: 'red' }), content: "Button with svg Icon", tooltip: "button tooltip" })) : null,
            svgIconsEnabled ? (React.createElement(CustomizedIconButton, { startIcon: iconProps, content: "Button with Customized Icon", tooltip: "button tooltip" })) : null,
            React.createElement(Text, null, "End Button icon"),
            svgIconsEnabled ? React.createElement(CustomizedIconButton, { endIcon: iconProps, content: "Button with Right Icon", tooltip: "button tooltip" }) : null)));
};
//# sourceMappingURL=ButtonIconTest.js.map