export const data = {
  open: true,
};

export default () => (
  <main class="space-y-3">
    <Button onClick={() => (data.open = !data.open)}>Toggle</Button>
    <Motion name="fade" mode="out-in" appear>
      {data.open && <p key="message">New beginning</p>}
    </Motion>
  </main>
);