21 lines
536 B
TypeScript
21 lines
536 B
TypeScript
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
|
|
}
|
|
const ContentLayout = ({children, title, isLoading} : LayoutNode) => {
|
|
return (
|
|
<MainDiv>
|
|
<Title title={title} />
|
|
<ContentsDiv>
|
|
<LoadingOverlay isLoading={isLoading ?? false}/>
|
|
{children}
|
|
</ContentsDiv>
|
|
</MainDiv>
|
|
)
|
|
}
|
|
|
|
export default ContentLayout |