design-react-kit/dist/Header/HeaderToggler.js

Componenti React per Bootstrap 5

import React, { useEffect } from 'react';
import classNames from 'classnames';
import { NavbarToggler } from 'reactstrap';
import { SLIM, NAVBAR, useHeaderContext } from './HeaderContext';
const BUTTON = 'button';
export const HeaderToggler = ({ className, tag, type, isOpen = false, testId, ...attributes }) => {
    const HeaderType = useHeaderContext();
    const defaultTag = HeaderType === SLIM ? 'a' : BUTTON;
    const defaultType = HeaderType === SLIM ? undefined : BUTTON;
    const classes = classNames({
        'it-opener d-lg-none': HeaderType === SLIM,
        'custom-navbar-toggler': HeaderType === NAVBAR
    }, className);
    const expanded = isOpen ? 'true' : 'false';
    useEffect(() => {
        document.querySelectorAll('.container-fluid').forEach((element) => {
            element.classList.remove('container-fluid');
        });
    });
    return (React.createElement(NavbarToggler, { className: classes, ...attributes, tag: tag || defaultTag, type: type || defaultType, "data-testid": testId, "aria-expanded": expanded }));
};
//# sourceMappingURL=HeaderToggler.js.map