rsuite
Version:
A suite of react components
37 lines • 1.78 kB
JavaScript
'use client';
import _extends from "@babel/runtime/helpers/esm/extends";
import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
var _templateObject, _templateObject2;
var _excluded = ["as", "classPrefix", "children", "className"];
import React from 'react';
import { useClassNames } from "../hooks/index.js";
import ArrowDownIcon from '@rsuite/icons/ArrowDown';
var ListItemGroup = /*#__PURE__*/React.forwardRef(function (props, ref) {
var _props$as = props.as,
Component = _props$as === void 0 ? 'div' : _props$as,
_props$classPrefix = props.classPrefix,
classPrefix = _props$classPrefix === void 0 ? 'dropdown-menu-group' : _props$classPrefix,
children = props.children,
className = props.className,
rest = _objectWithoutPropertiesLoose(props, _excluded);
var _useClassNames = useClassNames(classPrefix),
withClassPrefix = _useClassNames.withClassPrefix,
prefix = _useClassNames.prefix,
merge = _useClassNames.merge;
var classes = merge(className, withClassPrefix());
return /*#__PURE__*/React.createElement(Component, _extends({
role: "group"
}, rest, {
ref: ref,
className: classes
}), /*#__PURE__*/React.createElement("div", {
className: prefix(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["title"]))),
tabIndex: -1
}, /*#__PURE__*/React.createElement("span", null, children), /*#__PURE__*/React.createElement(ArrowDownIcon, {
"aria-hidden": true,
className: prefix(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["caret"])))
})));
});
ListItemGroup.displayName = 'ListItemGroup';
export default ListItemGroup;