myprojectpackageprav
Version:
My package in npm
33 lines • 2.79 kB
JavaScript
import { Link } from "react-router-dom";
import { knowledgearticlesdata } from './knowledge-articles-data';
import InputSearch from "../../utils/controls/input-search";
import Buttons from "../../components/buttons/buttons";
export default function KnowledgeArticles() {
var listItems = knowledgearticlesdata.map(function (knowledgearticles) {
return React.createElement("div", { className: "mb-3" },
React.createElement("p", { className: "m-0" },
React.createElement(Link, { to: knowledgearticles.link, title: knowledgearticles.title, className: "latoMedium title-color1" }, knowledgearticles.title)),
React.createElement("p", { tabIndex: 0, "aria-label": knowledgearticles.content, className: "m-0 lineClamp2 sourcesanspro" }, knowledgearticles.content),
React.createElement("p", { tabIndex: 0, "aria-label": knowledgearticles.subcontent, className: "m-0 sourcesanspro subtitle-color" }, knowledgearticles.subcontent));
});
var redirecttoHome = function () {
window.location.href = "#";
};
return (React.createElement(React.Fragment, null,
React.createElement("div", { className: "py-2 px-3 whitebg shadow1 d-flex flex-column flex-sm-row align-items-md-center" },
React.createElement("div", { className: "d-flex align-items-center py-1" },
" ",
React.createElement("h2", { className: "poppins-semibold font-18", tabIndex: 0, "aria-label": "Knowledge Articles" }, " Knowledge Articles")),
React.createElement("div", { className: "ms-auto d-flex align-items-center " },
React.createElement("div", null,
React.createElement(InputSearch, { inputProps: {
placeholder: 'Search',
}, className: 'no-border w-100', searchgroup: ' w-100 d-flex align-items-center border-bottom2 border-radius0', formClassName: "col-sm-12", icon: 'icon-search pe-2' })),
React.createElement(Buttons, { label: "Clear All", className: 'ms-auto btn-sm d-flex align-items-center links text-decoration-underline', type: "button" }),
React.createElement(Buttons, { label: "Back", "aria-label": "Back", icon: "icon-left-arrow me-1", className: 'btn-sm font-14 btn-bgcolor7 whitetext text-nowrap border-radius', onClick: function (e) { return redirecttoHome(); } }))),
React.createElement("div", { className: "container" },
React.createElement("div", { className: "mt-3" },
React.createElement("div", { className: "whitebg border-radius p-3 " },
React.createElement("div", { className: "font-13 max-h-250 overflow-auto pe-1" }, listItems))))));
}
//# sourceMappingURL=knowledgearticles.js.map