Sha256: a5a8b3f9421250aa1768cf8554230b602fb7659e517dd50cf8a7cf3c9b113b81

Contents?: true

Size: 543 Bytes

Versions: 6

Compression:

Stored size: 543 Bytes

Contents

import { Box, Divider, Stack, Typography } from '@mui/material'
import PropTypes from 'prop-types'

const PageLayout = ({ title, children }) => {
  return (
    <Stack>
      <Box sx={{mb:2}}>
        <Typography gutterBottom variant='h5' sx={{ fontWeight: 'bold' }}>{title}</Typography>
        <Divider />
      </Box>

      <div>
        {children}
      </div>
    </Stack>
  )
}

PageLayout.propTypes = {
  title: PropTypes.string,
  children: PropTypes.node
}

PageLayout.defaultProps = {
  title: 'Custom'
}

export default PageLayout

Version data entries

6 entries across 6 versions & 1 rubygems

Version Path
flamerb-0.3.0 templates/frontend/layouts/page-layout.jsx
flamerb-0.2.3 templates/frontend/layouts/page-layout.jsx
flamerb-0.2.0 templates/frontend/layouts/page-layout.jsx
flamerb-0.1.3 templates/frontend/layouts/page-layout.jsx
flamerb-0.1.2 templates/frontend/layouts/page-layout.jsx
flamerb-0.1.1 templates/frontend/layouts/page-layout.jsx