hh-ui-components
Version:
24 lines • 2.26 kB
JavaScript
import React from "react";
import PinterestIcon from "../../../icons/Pinterest";
import TwitterIcon from "../../../icons/Twitter";
import FacebookIcon from "../../../icons/Facebook";
import EmailIcon from "../../../icons/Email";
export var BlogShare = function (_a) {
var pinterest = _a.pinterest, facebook = _a.facebook, twitter = _a.twitter, email = _a.email;
var style = "h-[2.75rem] w-[2.75rem] md:h-[5.729vw] md:w-[5.729vw] lg:h-[2.75rem] lg:w-[2.75rem] 2xl:h-[3.056vw] 2xl:w-[3.056vw]";
return (React.createElement("div", { className: "relative mb-40 md:mb-40-md lg:mb-[2.5rem] 2xl:mb-40-2xl" },
React.createElement("div", { className: "mx-auto flex w-fit flex-col" },
React.createElement("div", { className: "mb-[1.375rem] text-center md:mb-[2.865vw] lg:mb-[1.375rem] 2xl:mb-[1.528vw]" },
React.createElement("span", { className: "not-leading mx-auto text-[0.875rem] font-normal uppercase leading-[110%] tracking-[0.08em] text-graphite md:text-[1.823vw] lg:text-[0.875rem] 2xl:text-[0.972vw]" }, "SHARE THIS")),
React.createElement("div", { className: "flex gap-20 md:gap-[2.604vw] lg:gap-[1.25rem] 2xl:gap-[1.389vw]" },
React.createElement("button", { onClick: function () { return window.open("".concat(pinterest + window.location.href)); }, "aria-label": "Share Pinterest", className: style },
React.createElement(PinterestIcon, null)),
React.createElement("button", { onClick: function () { return window.open("".concat(facebook + window.location.href)); }, "aria-label": "Share Facebook", className: style },
React.createElement(FacebookIcon, null)),
React.createElement("button", { "aria-label": "Share Twitter", onClick: function () { return window.open("".concat(twitter + window.location.href)); }, className: style },
React.createElement(TwitterIcon, null)),
React.createElement("button", { onClick: function () { return window.open("".concat(email + window.location.href)); }, "aria-label": "Share Email", className: style },
React.createElement(EmailIcon, null))))));
};
export default BlogShare;
//# sourceMappingURL=BlogShare.js.map