"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
const react_1 = __importDefault(require("react"));
const classnames_1 = __importDefault(require("classnames"));
const _elements_1 = require("./_elements");
const Wrapper = 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(_elements_1.AccordionContainer, { classList: boxClassName, isDisabled: isDisabled }, children)));
};
exports.AccordionWrap = AccordionWrap;
exports.default = AccordionWrap;
//# sourceMappingURL=AccordionWrap.js.map