import React from 'react';
import { classNames } from '../types';
import ResourceStyle from '../ResourceList/styles/resourceStyle';
import List from './component/list';
export function PHXResourceListSetting({ className, list }) {
    const getListComponent = () => {
        return (React.createElement("div", null,
            React.createElement(List, { filteredItems: list === null || list === void 0 ? void 0 : list.map((i) => ({ ...i, toggle: { ...i.toggle, enable: true } })) })));
    };
    const listMarkup = list && getListComponent();
    return (React.createElement(React.Fragment, null,
        React.createElement(ResourceStyle, null),
        React.createElement("div", { className: className },
            React.createElement("div", { className: 'mx-auto max-w-3xl px-0 lg:max-w-full resource-list' },
                React.createElement("div", { className: classNames(' bg-white rounded-lg border-[0.5px] border-gray-200') },
                    React.createElement(React.Fragment, null, listMarkup))))));
}
//# sourceMappingURL=ResourceListSetting.js.map