design-react-kit/dist/Megamenu/MegamenuItem.js

Componenti React per Bootstrap 5

import React from 'react';
import { Dropdown } from '../Dropdown/Dropdown';
import { DropdownMenu } from '../Dropdown/DropdownMenu';
import { DropdownToggle } from '../Dropdown/DropdownToggle';
import classNames from 'classnames';
export const MegamenuItem = ({ itemName, className, children, ...attributes }) => {
    const classes = classNames(className, 'megamenu');
    const [dropdownOpen, setDropdownOpen] = React.useState(false);
    const toggle = () => setDropdownOpen((prevState) => !prevState);
    const toggleClasses = classNames('px-lg-2', 'px-xl-3', dropdownOpen ? 'show' : '');
    return (React.createElement(Dropdown, { className: classes, inNavbar: true, ...attributes, isOpen: dropdownOpen, toggle: toggle },
        React.createElement(DropdownToggle, { inNavbar: true, caret: true, className: toggleClasses },
            React.createElement("span", null, itemName)),
        React.createElement(DropdownMenu, null,
            React.createElement("div", { className: 'megamenu pb-5 pt-3 py-lg-0' }, children))));
};
//# sourceMappingURL=MegamenuItem.js.map