"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.ButtonIconTest_deprecated = void 0;
const tslib_1 = require("tslib");
const React = tslib_1.__importStar(require("react"));
const react_native_1 = require("react-native");
const react_native_2 = require("@fluentui/react-native");
const stack_1 = require("@fluentui-react-native/stack");
const iconExamples_1 = require("../../Common/iconExamples");
const styles_1 = require("../../Common/styles");
const CustomizedIconButton = react_native_2.Button.customize({
    tokens: { iconColor: 'red' },
    content: { style: { marginStart: 5 } },
});
const ButtonIconTest_deprecated = () => {
    // SVG-based icons are not available on all platforms yet
    const svgIconsEnabled = ['ios', 'macos', 'win32', 'android'].includes(react_native_1.Platform.OS);
    const iconProps = { svgSource: iconExamples_1.svgProps, width: 20, height: 20 };
    return (React.createElement(react_native_1.View, null,
        React.createElement(stack_1.Stack, { style: styles_1.stackStyle },
            React.createElement(react_native_2.Button, { startIcon: iconExamples_1.testImage, content: "Button with png Icon", tooltip: "button tooltip" }),
            svgIconsEnabled ? (React.createElement(react_native_2.Button, { startIcon: { ...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(react_native_2.Text, null, "End Button icon"),
            svgIconsEnabled ? React.createElement(CustomizedIconButton, { endIcon: iconProps, content: "Button with Right Icon", tooltip: "button tooltip" }) : null)));
};
exports.ButtonIconTest_deprecated = ButtonIconTest_deprecated;
//# sourceMappingURL=ButtonIconTest.js.map