<script lang="ts" setup>
import { OuiMobileActivator } from '@/lib'

import './sandbox.demo.styl'
</script>

<template>
  <OuiMobileActivator />
  <div class="container">
    <div class="top">
      TOP
    </div>
    <div class="middle">
      <p>fghkjasgfdjhfgsjdagf jdsgfjhdsg fjkg sadfjg dfjkhgd kjfhg dsjkahgf jdhgf jhdag sfjhkdgs fjkhdg fjkhg sdjkfhg dsjkhgf d</p>
      <p>fghkjasgfdjhfgsjdagf jdsgfjhdsg fjkg sadfjg dfjkhgd kjfhg dsjkahgf jdhgf jhdag sfjhkdgs fjkhdg fjkhg sdjkfhg dsjkhgf d</p>
      <p>fghkjasgfdjhfgsjdagf jdsgfjhdsg fjkg sadfjg dfjkhgd kjfhg dsjkahgf jdhgf jhdag sfjhkdgs fjkhdg fjkhg sdjkfhg dsjkhgf d</p>
      <p>fghkjasgfdjhfgsjdagf jdsgfjhdsg fjkg sadfjg dfjkhgd kjfhg dsjkahgf jdhgf jhdag sfjhkdgs fjkhdg fjkhg sdjkfhg dsjkhgf d</p>
      <p>fghkjasgfdjhfgsjdagf jdsgfjhdsg fjkg sadfjg dfjkhgd kjfhg dsjkahgf jdhgf jhdag sfjhkdgs fjkhdg fjkhg sdjkfhg dsjkhgf d</p>
      <p>fghkjasgfdjhfgsjdagf jdsgfjhdsg fjkg sadfjg dfjkhgd kjfhg dsjkahgf jdhgf jhdag sfjhkdgs fjkhdg fjkhg sdjkfhg dsjkhgf d</p>
      <p>fghkjasgfdjhfgsjdagf jdsgfjhdsg fjkg sadfjg dfjkhgd kjfhg dsjkahgf jdhgf jhdag sfjhkdgs fjkhdg fjkhg sdjkfhg dsjkhgf d</p>
      <p>fghkjasgfdjhfgsjdagf jdsgfjhdsg fjkg sadfjg dfjkhgd kjfhg dsjkahgf jdhgf jhdag sfjhkdgs fjkhdg fjkhg sdjkfhg dsjkhgf d</p>
      <p>fghkjasgfdjhfgsjdagf jdsgfjhdsg fjkg sadfjg dfjkhgd kjfhg dsjkahgf jdhgf jhdag sfjhkdgs fjkhdg fjkhg sdjkfhg dsjkhgf d</p>
      <p>fghkjasgfdjhfgsjdagf jdsgfjhdsg fjkg sadfjg dfjkhgd kjfhg dsjkahgf jdhgf jhdag sfjhkdgs fjkhdg fjkhg sdjkfhg dsjkhgf d</p>
      <p>fghkjasgfdjhfgsjdagf jdsgfjhdsg fjkg sadfjg dfjkhgd kjfhg dsjkahgf jdhgf jhdag sfjhkdgs fjkhdg fjkhg sdjkfhg dsjkhgf d</p>
      <p>fghkjasgfdjhfgsjdagf jdsgfjhdsg fjkg sadfjg dfjkhgd kjfhg dsjkahgf jdhgf jhdag sfjhkdgs fjkhdg fjkhg sdjkfhg dsjkhgf d</p>
      <p>fghkjasgfdjhfgsjdagf jdsgfjhdsg fjkg sadfjg dfjkhgd kjfhg dsjkahgf jdhgf jhdag sfjhkdgs fjkhdg fjkhg sdjkfhg dsjkhgf d</p>
      <p>fghkjasgfdjhfgsjdagf jdsgfjhdsg fjkg sadfjg dfjkhgd kjfhg dsjkahgf jdhgf jhdag sfjhkdgs fjkhdg fjkhg sdjkfhg dsjkhgf d</p>
      <p>fghkjasgfdjhfgsjdagf jdsgfjhdsg fjkg sadfjg dfjkhgd kjfhg dsjkahgf jdhgf jhdag sfjhkdgs fjkhdg fjkhg sdjkfhg dsjkhgf d</p>
      <p>fghkjasgfdjhfgsjdagf jdsgfjhdsg fjkg sadfjg dfjkhgd kjfhg dsjkahgf jdhgf jhdag sfjhkdgs fjkhdg fjkhg sdjkfhg dsjkhgf d</p>
      <p>fghkjasgfdjhfgsjdagf jdsgfjhdsg fjkg sadfjg dfjkhgd kjfhg dsjkahgf jdhgf jhdag sfjhkdgs fjkhdg fjkhg sdjkfhg dsjkhgf d</p>
      <p>fghkjasgfdjhfgsjdagf jdsgfjhdsg fjkg sadfjg dfjkhgd kjfhg dsjkahgf jdhgf jhdag sfjhkdgs fjkhdg fjkhg sdjkfhg dsjkhgf d</p>
      <p>fghkjasgfdjhfgsjdagf jdsgfjhdsg fjkg sadfjg dfjkhgd kjfhg dsjkahgf jdhgf jhdag sfjhkdgs fjkhdg fjkhg sdjkfhg dsjkhgf d</p>
      <p>fghkjasgfdjhfgsjdagf jdsgfjhdsg fjkg sadfjg dfjkhgd kjfhg dsjkahgf jdhgf jhdag sfjhkdgs fjkhdg fjkhg sdjkfhg dsjkhgf d</p>
      <p>fghkjasgfdjhfgsjdagf jdsgfjhdsg fjkg sadfjg dfjkhgd kjfhg dsjkahgf jdhgf jhdag sfjhkdgs fjkhdg fjkhg sdjkfhg dsjkhgf d</p>
      <p>fghkjasgfdjhfgsjdagf jdsgfjhdsg fjkg sadfjg dfjkhgd kjfhg dsjkahgf jdhgf jhdag sfjhkdgs fjkhdg fjkhg sdjkfhg dsjkhgf d</p>
      <p>fghkjasgfdjhfgsjdagf jdsgfjhdsg fjkg sadfjg dfjkhgd kjfhg dsjkahgf jdhgf jhdag sfjhkdgs fjkhdg fjkhg sdjkfhg dsjkhgf d</p>
      <p>fghkjasgfdjhfgsjdagf jdsgfjhdsg fjkg sadfjg dfjkhgd kjfhg dsjkahgf jdhgf jhdag sfjhkdgs fjkhdg fjkhg sdjkfhg dsjkhgf d</p>
      <p>fghkjasgfdjhfgsjdagf jdsgfjhdsg fjkg sadfjg dfjkhgd kjfhg dsjkahgf jdhgf jhdag sfjhkdgs fjkhdg fjkhg sdjkfhg dsjkhgf d</p>
      <p>fghkjasgfdjhfgsjdagf jdsgfjhdsg fjkg sadfjg dfjkhgd kjfhg dsjkahgf jdhgf jhdag sfjhkdgs fjkhdg fjkhg sdjkfhg dsjkhgf d</p>
      <p>fghkjasgfdjhfgsjdagf jdsgfjhdsg fjkg sadfjg dfjkhgd kjfhg dsjkahgf jdhgf jhdag sfjhkdgs fjkhdg fjkhg sdjkfhg dsjkhgf d</p>
      <p>fghkjasgfdjhfgsjdagf jdsgfjhdsg fjkg sadfjg dfjkhgd kjfhg dsjkahgf jdhgf jhdag sfjhkdgs fjkhdg fjkhg sdjkfhg dsjkhgf d</p>
      <p>fghkjasgfdjhfgsjdagf jdsgfjhdsg fjkg sadfjg dfjkhgd kjfhg dsjkahgf jdhgf jhdag sfjhkdgs fjkhdg fjkhg sdjkfhg dsjkhgf d</p>
      <input type="text" value="Hallo">
    </div>
    <div class="bottom">
      Bottom
    </div>
  </div>
</template>
