hh-ui-components
Version:
21 lines • 2.03 kB
JavaScript
import React from "react";
import { Button } from "../Button";
export var Traceable = function (_a) {
var valueProp = _a.valueProp;
var title = valueProp.title, description = valueProp.description, learnMore = valueProp.learnMore, href = valueProp.href;
return (React.createElement("div", { className: "bg-warmTone-3 lg:pt-[7.5rem] 2xl:pt-[8.333vw] lg:pb-[5rem] 2xl:pb-[5.556vw]" },
React.createElement("div", { className: "lg:pb-[2.5rem] 2xl:pb-[2.778vw]" },
React.createElement("div", { className: "grid grid-cols-1 lg:grid-cols-4" },
React.createElement("div", { className: "tw-container relative pt-[2.5rem] lg:pt-0 pb-40 md:pb-40-md lg:pb-0 2xl:pb-0" },
React.createElement("h4", { className: "mb-10 md:mb-10-md lg:mb-10 2xl:mb-10-2xl lg:max-w-[280px] 2xl:max-w-[16.667vw]" }, title),
React.createElement("div", { className: "lg:absolute lg:bottom-[2px] 2xl:bottom-[0.208vw]" },
React.createElement("p", { className: "text-body-small md:text-body-small-md lg:text-body-small-lg 2xl:text-body-small-2xl mb-10 md:mb-10-md lg:mb-10 2xl:mb-10-2xl lg:max-w-[280px] 2xl:max-w-[16.667vw] lg:hidden value-prop:block lg:pr-[2.5rem] 2xl:pr-[2.778vw]" }, description),
React.createElement(Button, { variants: "tertiary", label: learnMore, onClick: function () { } }))),
valueProp.imageUrl &&
valueProp.imageUrl.length > 0 &&
valueProp.imageUrl.map(function (item, index) { return (React.createElement("div", { className: "overflow-hidden pb-40 md:pb-40-md lg:pb-0 2xl:pb-0", key: index },
React.createElement("img", { className: "w-full", src: item.image, alt: item.imgTitle }),
React.createElement("h5", { className: "mt-10 md:mt-10-md lg:mt-10 2xl:mt-10-2xl px-[1.25rem] md:px-[2.604vw] lg:px-0" }, item.imgTitle))); })))));
};
export default Traceable;
//# sourceMappingURL=Traceable.js.map