"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});

const tslib_1 = require("tslib");

const react_1 = tslib_1.__importDefault(require("react"));

const classnames_1 = tslib_1.__importDefault(require("classnames"));

const styled_1 = require("./styled");

const AccordionWrap = props => {
  const {
    isDisabled,
    isActive,
    children,
    className,
    id
  } = props;
  const config = {
    'accordion-block': true,
    open: isActive,
    closed: !isActive
  };
  const boxClassName = classnames_1.default(config, className); // @todo merge this nesting?
  // @note if prop is undefined, it is not passed

  return react_1.default.createElement(styled_1.Wrapper, {
    id: id,
    className: boxClassName
  }, react_1.default.createElement(styled_1.AccordionContainer, {
    isDisabled: isDisabled
  }, children));
};

exports.AccordionWrap = AccordionWrap;
exports.default = AccordionWrap; //# sourceMappingURL=AccordionWrap.js.map