lightbox-snippet-4.jsx

import React, {useState} from 'react';

const LightBox = ({children, src, alt, Wrapper = 'div'}) => {
	const [ isOpen, setIsOpen ] = useState(false);

	const toggleIsOpen = () => {
		setIsOpen(!isOpen);
	};

	return (
		<Wrapper onClick={toggleIsOpen}>
			{children}
		</Wrapper>
	);
};

export default LightBox;