1 | import classNames from 'classnames';
|
2 | import * as React from 'react';
|
3 | import { useBootstrapPrefix } from './ThemeProvider';
|
4 | import Dropdown from './Dropdown';
|
5 | import NavLink from './NavLink';
|
6 | import { jsx as _jsx } from "react/jsx-runtime";
|
7 | import { jsxs as _jsxs } from "react/jsx-runtime";
|
8 | const NavDropdown = React.forwardRef(({
|
9 | id,
|
10 | title,
|
11 | children,
|
12 | bsPrefix,
|
13 | className,
|
14 | rootCloseEvent,
|
15 | menuRole,
|
16 | disabled,
|
17 | active,
|
18 | renderMenuOnMount,
|
19 | menuVariant,
|
20 | ...props
|
21 | }, ref) => {
|
22 |
|
23 | const navItemPrefix = useBootstrapPrefix(undefined, 'nav-item');
|
24 | return _jsxs(Dropdown, {
|
25 | ref: ref,
|
26 | ...props,
|
27 | className: classNames(className, navItemPrefix),
|
28 | children: [_jsx(Dropdown.Toggle, {
|
29 | id: id,
|
30 | eventKey: null,
|
31 | active: active,
|
32 | disabled: disabled,
|
33 | childBsPrefix: bsPrefix,
|
34 | as: NavLink,
|
35 | children: title
|
36 | }), _jsx(Dropdown.Menu, {
|
37 | role: menuRole,
|
38 | renderOnMount: renderMenuOnMount,
|
39 | rootCloseEvent: rootCloseEvent,
|
40 | variant: menuVariant,
|
41 | children: children
|
42 | })]
|
43 | });
|
44 | });
|
45 | NavDropdown.displayName = 'NavDropdown';
|
46 | export default Object.assign(NavDropdown, {
|
47 | Item: Dropdown.Item,
|
48 | ItemText: Dropdown.ItemText,
|
49 | Divider: Dropdown.Divider,
|
50 | Header: Dropdown.Header
|
51 | }); |
\ | No newline at end of file |