hh-ui-components
Version:
15 lines • 1.09 kB
JavaScript
import React from "react";
import { Button } from "../Button";
export var Banner = function (_a) {
var label = _a.label, href = _a.href, imageUrl = _a.imageUrl;
return (React.createElement("div", { className: "relative z-0" },
React.createElement("div", { className: "relative before:left-0 before:right-0 before:bottom-0 before:top-[100px] before:absolute before:z-10 bg-graphite" },
React.createElement("img", { className: "w-[344px] h-[492px]", src: imageUrl })),
React.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.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", dangerouslySetInnerHTML: { __html: label } }),
React.createElement(Button, { variants: "tertiary", color: "white", label: "Shop Now", onClick: function () {
"";
} }))));
};
export default Banner;
//# sourceMappingURL=Banner.js.map