"use strict";
var __rest = (this && this.__rest) || function (s, e) {
    var t = {};
    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
        t[p] = s[p];
    if (s != null && typeof Object.getOwnPropertySymbols === "function")
        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) if (e.indexOf(p[i]) < 0)
            t[p[i]] = s[p[i]];
    return t;
};
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 fixtures_1 = require("./fixtures");
const renderProps_1 = require("./renderProps");
/**
 * @todo media query related css needs to be rendered
 * #1 - When at mobile view the detailed list must be in column view
 * so the flex-direction should be column by default its row
 */
class DetailedList extends react_1.default.PureComponent {
    render() {
        const _a = this.props, { list, renderList, renderListHeading, renderListItem, renderWrapper } = _a, remainingProps = __rest(_a, ["list", "renderList", "renderListHeading", "renderListItem", "renderWrapper"]);
        const headerText = renderListHeading(this.props);
        const specificationList = renderList(this.props);
        const children = (react_1.default.createElement(react_1.default.Fragment, null,
            headerText,
            specificationList));
        return renderWrapper(Object.assign({}, remainingProps, { children }));
    }
}
DetailedList.defaultProps = {
    className: '',
    title: '',
    list: fixtures_1.DetailedListDataModel,
    renderListItem: renderProps_1.defaultRenderListItem,
    renderWrapper: renderProps_1.defaultRenderWrapper,
    renderListHeading: renderProps_1.defaultRenderListHeading,
    renderList: renderProps_1.defaultRenderList,
    renderEmpty: renderProps_1.defaultRenderEmpty,
};
exports.DetailedList = DetailedList;
exports.default = DetailedList;
//# sourceMappingURL=DetailedList.js.map