"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.MenuIcons = void 0;
const react_1 = __importDefault(require("react"));
const react_native_1 = require("react-native");
const react_native_2 = require("@fluentui/react-native");
const menu_1 = require("@fluentui-react-native/menu");
const stack_1 = require("@fluentui-react-native/stack");
const iconExamples_1 = require("../Common/iconExamples");
const styles_1 = require("../Common/styles");
const fontBuiltInProps = {
    fontFamily: 'Arial',
    codepoint: 0x2663,
};
const svgIconsEnabled = ['ios', 'macos', 'win32', 'android'].includes(react_native_1.Platform.OS);
const MenuIcons = () => {
    return (react_1.default.createElement(stack_1.Stack, { style: styles_1.stackStyle },
        react_1.default.createElement(menu_1.Menu, { hasIcons: true },
            react_1.default.createElement(menu_1.MenuTrigger, null,
                react_1.default.createElement(react_native_2.ButtonV1, null, "Items with icons")),
            react_1.default.createElement(menu_1.MenuPopover, null,
                react_1.default.createElement(menu_1.MenuList, null,
                    react_1.default.createElement(menu_1.MenuItem, { icon: { source: iconExamples_1.testImage } }, "Option 1 image icon"),
                    react_1.default.createElement(menu_1.MenuItem, { icon: { fontSource: { ...fontBuiltInProps, style: { textAlign: 'center', marginTop: -1 } } } }, "Option 2 font icon"),
                    svgIconsEnabled && react_1.default.createElement(menu_1.MenuItem, { icon: { svgSource: iconExamples_1.svgProps } }, "Option 3 svg icon"),
                    react_1.default.createElement(menu_1.MenuItem, null, "Option 4 no icon"),
                    react_1.default.createElement(menu_1.MenuItemCheckbox, { icon: { source: iconExamples_1.testImage }, name: "Option4" }, "Option 5 checkbox"))))));
};
exports.MenuIcons = MenuIcons;
//# sourceMappingURL=MenuIcons.js.map