hh-ui-components
Version:
26 lines • 2.16 kB
JavaScript
;
exports.__esModule = true;
exports.Traceable = void 0;
var tslib_1 = require("tslib");
var react_1 = tslib_1.__importDefault(require("react"));
var Button_1 = require("../Button");
var Traceable = function (_a) {
var valueProp = _a.valueProp;
var title = valueProp.title, description = valueProp.description;
return (react_1["default"].createElement("div", { className: "bg-warmTone-3 lg:pt-[7.5rem] 2xl:pt-[8.333vw] lg:pb-[5rem] 2xl:pb-[5.556vw]" },
react_1["default"].createElement("div", { className: "lg:pb-[2.5rem] 2xl:pb-[2.778vw]" },
react_1["default"].createElement("div", { className: "grid grid-cols-1 lg:grid-cols-4" },
react_1["default"].createElement("div", { className: "tw-container relative pb-[2.5rem] md:pb-[5.208vw] lg:pb-[2.5rem] 2xl:pb-[2.778vw] pt-[2.5rem] lg:pt-0" },
react_1["default"].createElement("h4", { className: "mb-10-10 lg:max-w-[280px] 2xl:max-w-[16.667vw]" }, title),
react_1["default"].createElement("div", { className: "lg:absolute lg:bottom-[2px] 2xl:bottom-[0.208vw]" },
react_1["default"].createElement("p", { className: "text-12-14 mb-10-10 lg:max-w-[280px] 2xl:max-w-[16.667vw] lg:hidden value-prop:block lg:pr-[2.5rem] 2xl:pr-[2.778vw]" }, description),
react_1["default"].createElement(Button_1.Button, { variants: "tertiary", label: "Learn More" }))),
valueProp.imageUrl &&
valueProp.imageUrl.length > 0 &&
valueProp.imageUrl.map(function (item, index) { return (react_1["default"].createElement("div", { className: "overflow-hidden", key: index },
react_1["default"].createElement("img", { className: "w-full", src: item.image, alt: item.imgTitle }),
react_1["default"].createElement("h5", { className: "mt-10 md:mt-10-md lg:mt-10 2xl:mt-10-2xl pb-40 md:pb-40-md lg:pb-40 2xl:pb-40-2xl px-[1.25rem] md:px-[2.604vw] lg:px-0" }, item.imgTitle))); })))));
};
exports.Traceable = Traceable;
exports["default"] = exports.Traceable;
//# sourceMappingURL=Traceable.js.map