const OpaqueWrapper = ({ children }) => ( React.Children.map(children, child => ( <Wrapper> {React.cloneElement(child, {style: {...child.props.style, opacity: 0.5}})} </Wrapper> ))) );
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter