Function ShareBlock

frontend/ShareBlock.jsx:23–56

({ title, url })

`

export default function ShareBlock({ title, url }) {
    return (
        <ShareBlockStyled>
            <TwitterShareButton
                title={title}
                url={url}
                style={{ height: "36px", marginBottom: "8px", borderRadius: "50%", display: 'block', boxShadow: "0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23)" }}
            >
                <TwitterIcon size={36} round />
            </TwitterShareButton>
            <FacebookShareButton
                title={title}
                url={url}
                style={{ height: "36px", marginBottom: "8px", borderRadius: "50%", display: 'block', boxShadow: "0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23)" }}
            >
                <FacebookIcon size={36} round />
            </FacebookShareButton>
            <RedditShareButton
                title={title}
                url={url}
                style={{ height: "36px", marginBottom: "8px", borderRadius: "50%", display: 'block', boxShadow: "0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23)" }}
            >
                <RedditIcon size={36} round />
            </RedditShareButton>
            <LinkedinShareButton
                title={title}
                url={url}
                style={{ height: "36px", marginBottom: "8px", borderRadius: "50%", display: 'block', boxShadow: "0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23)" }}
            >
                <LinkedinIcon size={36} round />
            </LinkedinShareButton>
        </ShareBlockStyled>
    )
}