import { styled } from '@mui/material'
import YaHeader from './YaHeader'
import YaMain from './YaMain'
import YaFooter from './YaFooter'

const LayoutContainer = styled('div')(() => ({
  display: 'flex',
  flexDirection: 'column',
  minHeight: '100%',
}))

export default function YaLayout() {
  return (
    <LayoutContainer>
      <YaHeader />
      <YaMain />
      <YaFooter />
    </LayoutContainer>
  )
}