"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.ButtonIconTest = 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 react_native_svg_1 = require("react-native-svg");
var iconExamples_1 = require("../Common/iconExamples");
var styles_1 = require("../Common/styles");
var styles = react_native_1.StyleSheet.create({
    chevron: { paddingStart: 4 },
});
var ButtonIconTest = function () {
    var fontBuiltInProps = {
        fontFamily: 'Arial',
        codepoint: 0x2663,
        fontSize: 24,
    };
    var svgIconsEnabled = ['ios', 'macos', 'win32', 'android'].includes(react_native_1.Platform.OS);
    var chevronXml = "\n          <svg width=\"12\" height=\"16\" viewBox=\"0 0 11 6\" color=\"#000\">\n            <path fill='currentColor' d='M0.646447 0.646447C0.841709 0.451184 1.15829 0.451184 1.35355 0.646447L5.5 4.79289L9.64645 0.646447C9.84171 0.451185 10.1583 0.451185 10.3536 0.646447C10.5488 0.841709 10.5488 1.15829 10.3536 1.35355L5.85355 5.85355C5.65829 6.04882 5.34171 6.04882 5.14645 5.85355L0.646447 1.35355C0.451184 1.15829 0.451184 0.841709 0.646447 0.646447Z' />\n          </svg>";
    return (React.createElement(react_native_1.View, { style: styles_1.testContentRootViewStyle },
        React.createElement(react_native_2.ButtonV1, { icon: { fontSource: tslib_1.__assign(tslib_1.__assign({}, fontBuiltInProps), { fontSize: 32 }), color: '#060' }, style: styles_1.commonTestStyles.vmargin }, "Font icon"),
        React.createElement(react_native_2.ButtonV1, { icon: { fontSource: tslib_1.__assign(tslib_1.__assign({}, fontBuiltInProps), { fontSize: 32 }), color: '#060' }, style: styles_1.commonTestStyles.vmargin, iconPosition: "after" }, "Icon after"),
        React.createElement(react_native_2.ButtonV1, { icon: { fontSource: fontBuiltInProps }, style: styles_1.commonTestStyles.vmargin }, "Font icon"),
        React.createElement(react_native_2.ButtonV1, { appearance: "primary", icon: { fontSource: fontBuiltInProps }, style: styles_1.commonTestStyles.vmargin }, "Font icon"),
        svgIconsEnabled && (React.createElement(React.Fragment, null,
            React.createElement(react_native_2.ButtonV1, { appearance: "primary", icon: { svgSource: iconExamples_1.svgProps, color: 'red' }, style: styles_1.commonTestStyles.vmargin }, "SVG"),
            React.createElement(react_native_2.ButtonV1, { icon: iconExamples_1.iconProps, style: styles_1.commonTestStyles.vmargin }, "SVG"))),
        React.createElement(react_native_2.ButtonV1, { appearance: "primary", icon: iconExamples_1.testImage, style: styles_1.commonTestStyles.vmargin }, "PNG"),
        React.createElement(react_native_2.ButtonV1, { icon: iconExamples_1.testImage, style: styles_1.commonTestStyles.vmargin }, "PNG"),
        svgIconsEnabled && (React.createElement(react_native_2.ButtonV1, { style: styles_1.commonTestStyles.vmargin, icon: iconExamples_1.iconProps },
            "Icon Button and Chevron",
            React.createElement(react_native_1.View, { style: styles.chevron },
                React.createElement(react_native_svg_1.SvgXml, { xml: chevronXml }))))));
};
exports.ButtonIconTest = ButtonIconTest;
//# sourceMappingURL=ButtonIconTestSection.js.map