hh-ui-components
Version:
19 lines • 1.79 kB
JavaScript
;
exports.__esModule = true;
exports.CartFooter = void 0;
var tslib_1 = require("tslib");
var react_1 = tslib_1.__importDefault(require("react"));
var CartFooter = function (_a) {
var totalPrice = _a.totalPrice;
return (react_1["default"].createElement("div", { className: "absolute bottom-0 " },
react_1["default"].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_1["default"].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_1["default"].createElement("div", { className: "flex align-center justify-center text-caption md:text-caption-md lg:text-caption text-center 2xl:text-caption-2xl" },
react_1["default"].createElement("p", { className: "text-white" }, totalPrice),
react_1["default"].createElement("span", { className: "text-white px-[10px]" }, "\u00B7"),
react_1["default"].createElement("p", { className: "text-white" }, "Checkout"))),
react_1["default"].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"))));
};
exports.CartFooter = CartFooter;
exports["default"] = exports.CartFooter;
//# sourceMappingURL=CartFooter.js.map