@vlinderclimate/net-zero-ui/components/Tab.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 MuiTab = require('@mui/material/Tab');
var material = require('@mui/material');

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

var MuiTab__default = /*#__PURE__*/_interopDefaultLegacy(MuiTab);

/**
 * Utils
 */
var a11yProps = function (index) {
    return {
        id: "tab-" + index,
        "aria-controls": "tabpanel-" + index
    };
};
/**
 * Styles
 */
var StyledTab = styles.styled(MuiTab__default["default"])(function (_a) {
    _a.theme;
    return ({
        padding: 0,
        textTransform: "none",
        opacity: 1
    });
});
/**
 * Component
 */
var Tab = function (props) {
    var label = props.label, index = props.index, rest = tslib_es6.__rest(props, ["label", "index"]);
    return jsxRuntime.jsx(StyledTab, tslib_es6.__assign({ label: jsxRuntime.jsx(material.Typography, tslib_es6.__assign({ variant: "caption" }, { children: label }), void 0) }, a11yProps(index), rest), void 0);
};

exports["default"] = Tab;