myprojectpackageprav
Version:
My package in npm
20 lines • 1.9 kB
JavaScript
import { Link } from "react-router-dom";
import { knowledgearticlesdata } from './knowledge-articles-data';
export default function KnowledgeArticles() {
return (React.createElement(React.Fragment, null,
React.createElement("div", { className: "card-header pb-0 d-flex justify-content-between align-items-center" },
React.createElement("div", { className: "d-flex mb-2 title-border" },
React.createElement("div", { tabIndex: 0, "aria-label": "Quick Links", className: "poppins-bold font-14" }, "Knowledge Articles")),
React.createElement(Link, { title: "View All", to: "/knowledgearticles", className: "links-underline font-12 links" }, "View All")),
React.createElement("div", { className: "d-flex flex-column pt-0 card-body" },
React.createElement("div", { className: "font-13 pe-1" }, knowledgearticlesdata.slice(0, 3).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: "poppins-semibold font13 color-primary" }, 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));
})),
React.createElement("div", { className: "text-end mt-auto" },
React.createElement(Link, { title: "View More", to: "/qa", className: "links-underline font-12 links" }, "View More")))));
}
//# sourceMappingURL=knowledge-articles.js.map