import TopBar from '@/components/ui/TopBar'
import FooterBar from '@/components/ui/FooterBar'
import { Flex } from '@pikku/mantine/core'

interface MainLayoutProps {
  children: React.ReactNode
}

export default function MainLayout({ children }: MainLayoutProps) {
  return (
    <Flex direction="column" mih="100vh">
      <TopBar />
      <Flex component="main" direction="column" flex="1">
        {children}
      </Flex>
      <FooterBar />
    </Flex>
  )
}