"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.PHXDescriptionLists = PHXDescriptionLists;
const tslib_1 = require("tslib");
const react_1 = tslib_1.__importDefault(require("react"));
const types_1 = require("../types");
function PHXDescriptionLists({ data, size = 'default', type = 'default', className }) {
    return (react_1.default.createElement("div", { className: className },
        react_1.default.createElement("div", { className: (0, types_1.classNames)(type === 'border' ? 'rounded-lg border border-gray-100' : '') },
            react_1.default.createElement("dl", { className: 'divide-y divide-gray-100' }, data === null || data === void 0 ? void 0 : data.map((item) => (react_1.default.createElement("div", { key: item.title, className: (0, types_1.classNames)('sm:grid sm:grid-cols-3 sm:gap-4', type === 'border' ? 'sm:px-4' : 'sm:px-0', size === 'small' ? 'px-2 py-2' : 'px-4 py-4') },
                react_1.default.createElement("dt", { className: 'text-xs font-medium leading-6 text-gray-900' }, item.title),
                react_1.default.createElement("dd", { className: 'mt-1 text-xs leading-6 text-gray-700 sm:col-span-2 sm:mt-0' }, item.description))))))));
}
//# sourceMappingURL=DescriptionLists.js.map