import { ContentsDiv, MainDiv, Title } from '@common/business_components/ui'
import React, { type ReactNode } from 'react'
import LoadingOverlay from './LoadingBar'
type LayoutNode = {
    children : ReactNode
    title : string
    isLoading?: boolean
    className?: string
}
const ContentLayout = ({children, title, isLoading, className} : LayoutNode) => {
  return (
    <MainDiv>
    <Title title={title} />
    <ContentsDiv>
      <LoadingOverlay isLoading={isLoading ?? false}/>
      {children}
    </ContentsDiv>
  </MainDiv>
  )
}

export default ContentLayout