@equinor/fusion-framework-cli
Version:
--- title: Fusion Framework CLI ---
16 lines • 1.32 kB
JavaScript
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { useState } from 'react';
import { FeatureTogglerApp } from './FeatureTogglerApp';
import { FeatureTogglerPortal } from './FeatureTogglerPortal';
import { Divider, Icon, Button, Tabs } from '@equinor/eds-core-react';
import { arrow_back, category } from '@equinor/eds-icons';
Icon.add({ arrow_back, category });
/**
* JSX structure for the content of the PersonSidesheet's Features page.
* @param SheetContentProps
*/
export const FeatureSheetContent = ({ navigate }) => {
const [tab, setTab] = useState(0);
return (_jsxs("section", { children: [_jsx("div", { children: _jsx("div", { children: _jsxs(Button, { variant: "ghost", onClick: () => navigate(), children: [_jsx(Icon, { name: "arrow_back" }), _jsx(Icon, { name: "category" }), "My Features"] }) }) }), _jsx(Divider, {}), _jsx("div", { children: _jsxs(Tabs, { activeTab: tab, onChange: (index) => setTab(index), children: [_jsxs(Tabs.List, { children: [_jsx(Tabs.Tab, { children: "App features" }), _jsx(Tabs.Tab, { children: "Portal features" })] }), _jsxs(Tabs.Panels, { children: [_jsx(Tabs.Panel, { children: _jsx(FeatureTogglerApp, {}) }), _jsx(Tabs.Panel, { children: _jsx(FeatureTogglerPortal, {}) })] })] }) })] }));
};
//# sourceMappingURL=FeatureSheetContent.js.map