import clsx from 'clsx' import { ReactNode } from 'react' import { BottomNavBar } from './nav/nav-bar' import Sidebar from './nav/sidebar' import { Toaster } from 'react-hot-toast' export function Page(props: { rightSidebar?: ReactNode suspend?: boolean className?: string children?: ReactNode }) { const { children, rightSidebar, suspend, className } = props const bottomBarPadding = 'pb-[58px] lg:pb-0 ' return ( <>
{children} {/* If right sidebar is hidden, place its content at the bottom of the page. */}
{rightSidebar}
) } const visuallyHiddenStyle = { clip: 'rect(0 0 0 0)', clipPath: 'inset(50%)', height: 1, margin: -1, overflow: 'hidden', padding: 0, position: 'absolute', width: 1, whiteSpace: 'nowrap', } as const