"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.FocusZoneHorizontalMenuExample = void 0;
var React = require("react");
var Utilities_1 = require("@fluentui/react/lib-commonjs/Utilities");
var react_focus_1 = require("@fluentui/react-focus");
var Button_1 = require("@fluentui/react/lib-commonjs/Button");
var ITEMS = Utilities_1.createArray(5, function (index) { return ({
    key: index.toString(),
    name: 'Item-' + index,
}); });
var FocusZoneHorizontalMenuExample = function () {
    return (React.createElement(react_focus_1.FocusZone, { direction: react_focus_1.FocusZoneDirection.domOrder, role: "menubar" }, ITEMS.map(function (item) { return (React.createElement(Button_1.DefaultButton, { key: item.name, role: "menuitem" }, item.name)); })));
};
exports.FocusZoneHorizontalMenuExample = FocusZoneHorizontalMenuExample;
//# sourceMappingURL=FocusZone.HorizontalMenu.Example.js.map