@brizy/ui
Version:
React elements in Brizy style
24 lines (23 loc) • 929 B
JavaScript
import React, { createContext, useCallback } from "react";
import { classNames } from "../classNamesFn";
const NavListContext = createContext({
setActive: (_a) => {
return _a;
},
});
export function NavList({ active, divider, wide, onChange, children, disabled, sticky, theme = "light", }) {
const className = classNames()("navlist", {
[`navlist--${theme}`]: theme,
"navlist--divider": divider,
"navlist--wide": wide,
"navlist--disabled": disabled,
"navlist--sticky": sticky,
});
const setActive = useCallback((t) => {
onChange === null || onChange === void 0 ? void 0 : onChange(t);
}, [onChange]);
return (React.createElement(NavListContext.Provider, { value: { active, disabled, setActive } },
React.createElement("div", { className: className }, children)));
}
export { NavListContext };
export { NavListItem } from "./NavListItem";