Right way to use Tabbar

[MadMandrake]

Can you make example with whole layout with tabs?
I try to use it like this, but it cover <Outlet/>. And i can't scroll to see full page.

return <div>
    <div>
      <Outlet/>
    </div>
    <Tabbar >
        {tabs.map(({
          id,
          text,
          Icon,
          to
        }) => <RouterLink to={to} key={id}>
                  <Tabbar.Item key={id} text={text} selected={id === currentTab} onClick={() => setCurrentTab(id)}>
                      <Icon />
                  </Tabbar.Item>
              </RouterLink>
        
        )}
      </Tabbar>
  </div>;