import * as React from 'react';
import { Label } from '@fluentui/react';
import { Tabs, TabItem } from '@fluentui/react-tabs';
export var TabsOnChangeExample = function () {
    var _a = React.useState(undefined), lastTab = _a[0], setLastTab = _a[1];
    return (React.createElement("div", null,
        React.createElement(Label, null,
            "Last onTabClick from: ", lastTab === null || lastTab === void 0 ? void 0 :
            lastTab.props.headerText),
        React.createElement(Tabs, { "aria-label": "OnChange Tabs Example", tabSize: "large", tabFormat: "tabs", onTabClick: setLastTab },
            React.createElement(TabItem, { headerText: "Foo" },
                React.createElement(Label, null, "Tab #1")),
            React.createElement(TabItem, { headerText: "Bar" },
                React.createElement(Label, null, "Tab #2")),
            React.createElement(TabItem, { headerText: "Bas" },
                React.createElement(Label, null, "Tab #3")),
            React.createElement(TabItem, { headerText: "Biz" },
                React.createElement(Label, null, "Tab #4")))));
};
//# sourceMappingURL=Tabs.OnChange.Example.js.map