phx-react
Version:
PHX REACT
14 lines • 1.27 kB
JavaScript
;
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