"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.PHXResourceListSetting = PHXResourceListSetting;
const tslib_1 = require("tslib");
const react_1 = tslib_1.__importDefault(require("react"));
const types_1 = require("../types");
const resourceStyle_1 = tslib_1.__importDefault(require("../ResourceList/styles/resourceStyle"));
const list_1 = tslib_1.__importDefault(require("./component/list"));
function PHXResourceListSetting({ className, list }) {
    const getListComponent = () => {
        return (react_1.default.createElement("div", null,
            react_1.default.createElement(list_1.default, { filteredItems: list === null || list === void 0 ? void 0 : list.map((i) => ({ ...i, toggle: { ...i.toggle, enable: true } })) })));
    };
    const listMarkup = list && getListComponent();
    return (react_1.default.createElement(react_1.default.Fragment, null,
        react_1.default.createElement(resourceStyle_1.default, null),
        react_1.default.createElement("div", { className: className },
            react_1.default.createElement("div", { className: 'mx-auto max-w-3xl px-0 lg:max-w-full resource-list' },
                react_1.default.createElement("div", { className: (0, types_1.classNames)(' bg-white rounded-lg border-[0.5px] border-gray-200') },
                    react_1.default.createElement(react_1.default.Fragment, null, listMarkup))))));
}
//# sourceMappingURL=ResourceListSetting.js.map