@hitachivantara/uikit-react-core
Version:
UI Kit Core React components.
27 lines (26 loc) • 944 B
JavaScript
import { useClasses } from "./Tabs.styles.js";
import { useDefaultProps } from "@hitachivantara/uikit-react-utils";
import { forwardRef } from "react";
import { jsx } from "react/jsx-runtime";
import Tabs from "@mui/material/Tabs";
//#region src/Tabs/Tabs.tsx
/**
* A Tab is a graphical control element that allows multiple documents or panels to be contained within a single window.
* Tabs can be used as a navigational widget for switching between sets of documents.
*/
var HvTabs = forwardRef(function HvTabs(props, ref) {
const { classes: classesProp, floating, ...others } = useDefaultProps("HvTabs", props);
const { classes, cx } = useClasses(classesProp);
return /* @__PURE__ */ jsx(Tabs, {
ref,
classes: {
root: cx(classes.root, { [classes.floating]: floating }),
flexContainer: classes.flexContainer,
indicator: classes.indicator,
scroller: classes.scroller
},
...others
});
});
//#endregion
export { HvTabs };