import * as React from 'react';
import { Text, View } from 'react-native';
import { MenuButton } from '@fluentui/react-native';
import { viewWrapperStyle, columnStyle, rowStyle } from './MenuButtonV1TestStyles';
import { menuItems } from './testData';
const StyledMenuButton = MenuButton.customize({
    button: {
        borderRadius: 4,
        backgroundColor: '#0095ff',
        borderWidth: 0,
        color: '#fff',
        variant: 'heroSemibold',
        fontFamily: 'Georgia',
    },
    contextualMenu: { backgroundColor: '#a9dbff' },
});
export const CustomizedMenuButton = () => {
    return (React.createElement(View, null,
        React.createElement(View, { style: viewWrapperStyle },
            React.createElement(View, { style: columnStyle },
                React.createElement(View, { style: rowStyle },
                    React.createElement(Text, null, "MenuButton with customized UI")))),
        React.createElement(StyledMenuButton, { content: "styled MenuButton", menuItems: menuItems })));
};
//# sourceMappingURL=CustomizedMenuButtonTest.js.map