Webseite mit Begleit-Infos zum Städte Quartett zur BTW 2021 https://www.gruenes-quartett.de
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 

60 lines
1.3 KiB

import React from "react";
import "./SocialBar.scss";
import {
EmailIcon,
EmailShareButton,
FacebookIcon,
FacebookShareButton,
LinkedinIcon,
LinkedinShareButton,
RedditIcon,
RedditShareButton,
TwitterIcon,
TwitterShareButton,
} from "react-share";
import { shareSize, shareTitle, shareUrl } from "../../variables";
const SocialBar = () => (
<div className="share-container">
<EmailShareButton
url={shareUrl}
subject={shareTitle}
body="body"
className="share-button"
>
<EmailIcon size={shareSize} round />
</EmailShareButton>
<FacebookShareButton
url={shareUrl}
quote={shareTitle}
className="share-button"
>
<FacebookIcon size={shareSize} round />
</FacebookShareButton>
<LinkedinShareButton url={shareUrl} className="share-button">
<LinkedinIcon size={shareSize} round />
</LinkedinShareButton>
<RedditShareButton
url={shareUrl}
title={shareTitle}
windowWidth={660}
windowHeight={460}
className="share-button"
>
<RedditIcon size={shareSize} round />
</RedditShareButton>
<TwitterShareButton
url={shareUrl}
title={shareTitle}
className="share-button"
>
<TwitterIcon size={shareSize} round />
</TwitterShareButton>
</div>
);
export default SocialBar;