Dashboard sipadu mbip
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

ListGroup.js 1.3KB

12345678910111213141516171819202122232425262728293031323334
  1. import _extends from "@babel/runtime/helpers/esm/extends";
  2. import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
  3. import classNames from 'classnames';
  4. import React from 'react';
  5. import { useUncontrolled } from 'uncontrollable';
  6. import { useBootstrapPrefix } from './ThemeProvider';
  7. import AbstractNav from './AbstractNav';
  8. import ListGroupItem from './ListGroupItem';
  9. var defaultProps = {
  10. variant: null
  11. };
  12. var ListGroup = React.forwardRef(function (props, ref) {
  13. var _useUncontrolled = useUncontrolled(props, {
  14. activeKey: 'onSelect'
  15. }),
  16. className = _useUncontrolled.className,
  17. bsPrefix = _useUncontrolled.bsPrefix,
  18. variant = _useUncontrolled.variant,
  19. _useUncontrolled$as = _useUncontrolled.as,
  20. as = _useUncontrolled$as === void 0 ? 'div' : _useUncontrolled$as,
  21. controlledProps = _objectWithoutPropertiesLoose(_useUncontrolled, ["className", "bsPrefix", "variant", "as"]);
  22. bsPrefix = useBootstrapPrefix(bsPrefix, 'list-group');
  23. return React.createElement(AbstractNav, _extends({
  24. ref: ref
  25. }, controlledProps, {
  26. as: as,
  27. className: classNames(className, bsPrefix, variant && bsPrefix + "-" + variant)
  28. }));
  29. });
  30. ListGroup.defaultProps = defaultProps;
  31. ListGroup.displayName = 'ListGroup';
  32. ListGroup.Item = ListGroupItem;
  33. export default ListGroup;