"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.CustomizedMenuButton = 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 MenuButtonV1TestStyles_1 = require("./MenuButtonV1TestStyles");
var testData_1 = require("./testData");
var StyledMenuButton = react_native_2.MenuButton.customize({
    button: {
        borderRadius: 4,
        backgroundColor: '#0095ff',
        borderWidth: 0,
        color: '#fff',
        variant: 'heroSemibold',
        fontFamily: 'Georgia',
    },
    contextualMenu: { backgroundColor: '#a9dbff' },
});
var CustomizedMenuButton = function () {
    return (React.createElement(react_native_1.View, null,
        React.createElement(react_native_1.View, { style: MenuButtonV1TestStyles_1.viewWrapperStyle },
            React.createElement(react_native_1.View, { style: MenuButtonV1TestStyles_1.columnStyle },
                React.createElement(react_native_1.View, { style: MenuButtonV1TestStyles_1.rowStyle },
                    React.createElement(react_native_1.Text, null, "MenuButton with customized UI")))),
        React.createElement(StyledMenuButton, { content: "styled MenuButton", menuItems: testData_1.menuItems })));
};
exports.CustomizedMenuButton = CustomizedMenuButton;
//# sourceMappingURL=CustomizedMenuButtonTest.js.map