@themesberg/react-bootstrap/lib/esm/AccordionHeader.js

Unofficial release of the react-bootstrap library with Bootstrap 5 components built with React

import _extends from "@babel/runtime/helpers/esm/extends";
import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
import classNames from 'classnames';
import React from 'react';
import { useBootstrapPrefix } from './ThemeProvider';
import AccordionButton from './AccordionButton';
var AccordionHeader = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
  var _ref$as = _ref.as,
      Component = _ref$as === void 0 ? 'h2' : _ref$as,
      bsPrefix = _ref.bsPrefix,
      className = _ref.className,
      children = _ref.children,
      onClick = _ref.onClick,
      props = _objectWithoutPropertiesLoose(_ref, ["as", "bsPrefix", "className", "children", "onClick"]);

  bsPrefix = useBootstrapPrefix(bsPrefix, 'accordion-header');
  return /*#__PURE__*/React.createElement(Component, _extends({
    ref: ref
  }, props, {
    className: classNames(className, bsPrefix)
  }), /*#__PURE__*/React.createElement(AccordionButton, {
    onClick: onClick
  }, children));
});
AccordionHeader.displayName = 'AccordionHeader';
export default AccordionHeader;