export const data = {
  open: false,
};

export default () => (
  <Motion
    name="fade"
    onBeforeEnter={() => console.log("Before enter")}
    onAfterEnter={() => console.log("After enter")}
    onAfterLeave={() => console.log("After leave")}
  >
    {data.open && <p>Animated view</p>}
  </Motion>
);