@vlinderclimate/net-zero-ui/components/Tabs.js

<div align="center"> <img src="https://storage.yandexcloud.net/static.vlinderstorage.com/Telegram_VlinderTech.png" width=200 /> </div> <h1 align="center">Net Zero UI kit</h1>

'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

var tslib_es6 = require('../tslib.es6-9240d9d1.js');
var jsxRuntime = require('react/jsx-runtime');
var styles = require('@mui/material/styles');
var MuiTabs = require('@mui/material/Tabs');

function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

var MuiTabs__default = /*#__PURE__*/_interopDefaultLegacy(MuiTabs);

/**
 * Styles
 */
var StyledTabs = styles.styled(MuiTabs__default["default"])(function (_a) {
    var theme = _a.theme;
    return ({
        "& .MuiTabs-flexContainer": {
            gap: theme.spacing(5)
        },
        "& .MuiTabScrollButton-root": {
            display: "none"
        },
        ".MuiTabs-flexContainerVertical": {
            gap: 0
        }
    });
});
/**
 * Components
 */
var Tabs = function (_a) {
    var value = _a.value, onChange = _a.onChange, children = _a.children, rest = tslib_es6.__rest(_a, ["value", "onChange", "children"]);
    return (jsxRuntime.jsx(StyledTabs, tslib_es6.__assign({ value: value, onChange: onChange, "aria-label": "nav tabs", textColor: "inherit", indicatorColor: "secondary" }, rest, { children: children }), void 0));
};

exports["default"] = Tabs;