UNPKG

@brizy/ui

Version:
24 lines (23 loc) 929 B
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";