myprojectpackageprav/dist/esm/pages/detailview/details/details.js

My package in npm

import Buttons from '../../../components/buttons/buttons';
import { detailsitems } from './details-data';
import "./details.css";
export default 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, { 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' }, 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"))))));
}
//# sourceMappingURL=details.js.map