hh-ui-components
Version:
18 lines • 1.25 kB
JavaScript
;
exports.__esModule = true;
exports.Banner = void 0;
var tslib_1 = require("tslib");
var react_1 = tslib_1.__importDefault(require("react"));
var Button_1 = require("../Button");
var Banner = function (_a) {
var label = _a.label, imageUrl = _a.imageUrl;
return (react_1["default"].createElement("div", { className: "relative z-0" },
react_1["default"].createElement("div", { className: "relative before:left-0 before:right-0 before:bottom-0 before:top-[100px] before:absolute before:z-10 bg-graphite" },
react_1["default"].createElement("img", { className: "w-[344px] h-[492px]", src: imageUrl })),
react_1["default"].createElement("div", { className: "absolute top-2/4 left-2/4 -translate-x-2/4 -translate-y-2/4 flex items-center flex-col justify-center z-20 w-full" },
react_1["default"].createElement("h4", { className: "mb-20 lg:mb-20 2xl:mb-20-2xl text-center text-white px-10 lg:px-20 2xl:px-20-2xl whitespace-normal" }, label),
react_1["default"].createElement(Button_1.Button, { variants: "tertiary", color: "white", label: "Shop Now", onClick: function () { } }))));
};
exports.Banner = Banner;
exports["default"] = exports.Banner;
//# sourceMappingURL=Banner.js.map