import {Transition} from "react-spring";

export default class App extends Component {
  render() {
    return (
        <Toggle>
          {({on,toggle}) => (
              <div>
                <button onClick={toggle}>Show/Hidden</button>
                <Transition
                  from={{ opacity : 0 }}
                  enter={{ opacity : 1 }}
                  leave={{ opacity : 0 }}
                >
                  {
                    (styles) => (
                      <Fragment>
                        { on && <h1 style={{ ...styles }}>Hello World</h1>}
                      </Fragment>
                    )
                  }
                </Transition>
              </div>
            )}
        </Toggle>
  )
  }
}