function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }

function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }

import React, { useState } from 'react';
import { Header } from '../../Header';
import { Body } from '../../Body';

var Item = function Item(_ref) {
  var title = _ref.title,
      children = _ref.children,
      _ref$open = _ref.open,
      open = _ref$open === void 0 ? false : _ref$open,
      rest = _objectWithoutPropertiesLoose(_ref, ["title", "children", "open"]);

  var _useState = useState(open),
      showBody = _useState[0],
      setShowBody = _useState[1];

  return /*#__PURE__*/React.createElement("div", _extends({
    className: "accordion-item"
  }, rest), title && /*#__PURE__*/React.createElement(Header, {
    title: /*#__PURE__*/React.createElement("button", {
      className: "" + (showBody && 'active'),
      type: "button",
      onClick: function onClick() {
        return setShowBody(!showBody);
      }
    }, title)
  }), showBody && /*#__PURE__*/React.createElement(Body, null, children));
};

Item.displayName = 'Item';
var ItemDoc;

if (process.env.NODE_ENV !== 'production') {
  // eslint-disable-next-line global-require
  ItemDoc = require('./doc').doc(Item);
}

var ItemWrapper = ItemDoc || Item;
export { ItemWrapper as Item };