"use strict";

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

const tslib_1 = require("tslib");

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

const styleh_components_1 = require("styleh-components");

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

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

const Wrapper = styleh_components_1.styled.div.className('container')``;

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(Wrapper, {
    "aria-hidden": !isActive,
    id: id
  }, react_1.default.createElement(styled_1.AccordionContainer, {
    className: boxClassName,
    isDisabled: isDisabled
  }, children));
};

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