@brizy/ui/es/NavList/NavListItem.js

React elements in Brizy style

import React, { useCallback, useContext } from "react";
import { classNames } from "../classNamesFn";
import { NavListContext } from "./index";
export function NavListItem({ itemId, children }) {
    const { disabled, active, setActive } = useContext(NavListContext);
    const className = classNames()("navlist__item", {
        "navlist__item--active": active === itemId,
    });
    const _onClick = useCallback(() => {
        setActive(itemId);
    }, [setActive, itemId]);
    return (React.createElement("div", Object.assign({ className: className }, (!disabled && { onClick: _onClick })), children));
}