hh-ui-components
Version:
14 lines • 1.51 kB
JavaScript
import React from "react";
export var CartFooter = function (_a) {
var totalPrice = _a.totalPrice;
return (React.createElement("div", { className: "absolute bottom-0 " },
React.createElement("div", { className: "bg-primary p-20 w-full md:p-20-md lg:px-40 lg:py-20 2xl:px-40-2xl 2xl:py-20-2xl space-y-[14px] md:space-y-[1.823vw] lg:space-y-[14px] 2xl:space-y-[0.972vw]" },
React.createElement("button", { className: "w-full rounded bg-graphite border-graphite text-white hover:bg-subdued hover:border-subdued py-[16.5px] px-20 md:py-[2.148vw] lg:py-[15px] 2xl:py-[1.042vw] 2xl:px-[1.389vw] text-body-small md:text-body-small-md lg:text-body-large 2xl:text-body-small-2xl 2xl:rounded-[0.278vw] disabled:border-neutral disabled:bg-neutral ease-linear" },
React.createElement("div", { className: "flex align-center justify-center text-caption md:text-caption-md lg:text-caption text-center 2xl:text-caption-2xl" },
React.createElement("p", { className: "text-white" }, totalPrice),
React.createElement("span", { className: "text-white px-[10px]" }, "\u00B7"),
React.createElement("p", { className: "text-white" }, "Checkout"))),
React.createElement("div", { className: "text-caption md:text-caption-md lg:text-caption text-subdued text-center 2xl:text-caption-2xl" }, "By selecting \u2018Checkout\u2019 you are agreeing to our"))));
};
export default CartFooter;
//# sourceMappingURL=CartFooter.js.map