import React, {useState} from 'react';

const Spoiler = ({header="+", open, children}) => {
    const [showed, setShowed] = useState(open)
    console.log(showed)
    return (
        <div>
            <div onClick={() => setShowed(!showed)}>{header}</div>
            {showed ? children : null}
        </div>
    );
};

export default Spoiler;