"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.WizardSummaryPage = void 0;
const tslib_1 = require("tslib");
const React = tslib_1.__importStar(require("react"));
const WizardPanel_1 = tslib_1.__importDefault(require("../../components/WizardPanel"));
const InfiniteTable_1 = require("../../components/InfiniteTable");
const columnsMap = {
    Key: { field: 'Key', header: 'Property', defaultFlex: 1 },
    Value: { field: 'Value', header: 'Value', defaultFlex: 3 },
};
const tableDOMProps = {
    className: 'ab-WizardSummary__list',
    style: {
        height: '100%',
        margin: 'var(--ab-space-2)',
    },
};
const WizardSummaryPage = (props) => {
    return (React.createElement(WizardPanel_1.default, { bodyProps: { padding: 0 }, className: "ab-WizardSummary", "data-name": 'wizard-summary' },
        React.createElement(InfiniteTable_1.DataSource, { data: props.KeyValuePairs, primaryKey: "Key" },
            React.createElement(InfiniteTable_1.InfiniteTable, { showZebraRows: true, domProps: tableDOMProps, columns: columnsMap }))));
};
exports.WizardSummaryPage = WizardSummaryPage;
