UNPKG

myprojectpackageprav

Version:
26 lines 2.02 kB
"use strict"; Object.defineProperty(exports, "__esModule", { value: true }); var tslib_1 = require("tslib"); var buttons_1 = tslib_1.__importDefault(require("../../../components/buttons/buttons")); var details_data_1 = require("./details-data"); require("./details.css"); function Details() { return (React.createElement(React.Fragment, null, React.createElement("div", { className: 'card-header border-bottom1 d-flex align-items-center' }, React.createElement("div", null, "Details"), React.createElement(buttons_1.default, { label: "Edit", "aria-label": "Edit", icon: "icon-pencil me-1 font-12", className: 'btn-xs font-14 btn-border color-primary uppercase text-nowrap border-radius3 ms-auto' })), React.createElement("div", { className: "card-body" }, React.createElement("div", { className: 'd-flex align-items-center flex-wrap justify-content-between width-fitcontent' }, details_data_1.detailsitems.map(function (detailsdata) { return React.createElement("div", { className: 'font-11 mb-2', tabIndex: 0, "aria-label": "".concat(detailsdata.subtitle, " ").concat(detailsdata.title) }, React.createElement("p", { className: 'subtitle-color' }, detailsdata.subtitle), React.createElement("p", null, detailsdata.title)); })), React.createElement("div", { className: "mt-2 font-13" }, React.createElement("div", { tabIndex: 0, "aria-label": 'Description', className: 'subtitle-color pb-1' }, " Description"), React.createElement("div", { tabIndex: 0, id: "details-ddescription", "aria-describedby": 'details-ddescription' }, React.createElement("p", { className: 'pb-2' }, "Para contant"), React.createElement("p", { className: 'pb-2' }, "Para1 contant"), React.createElement("p", { className: 'pb-2' }, "Para3 contant")))))); } exports.default = Details; //# sourceMappingURL=details.js.map