Function MyLayout

src/theme/MyLayout/index.tsx:7–24

({
  children,
  maxWidth,
  ...layoutProps
}: Props & { maxWidth?: number })

import styles from './styles.module.css'

export default function MyLayout({
  children,
  maxWidth,
  ...layoutProps
}: Props & { maxWidth?: number }): JSX.Element {
  return (
    <Layout {...layoutProps}>
      <div className={styles.containerWrapper}>
        <div
          className={clsx(styles.myContainer, 'margin-vert--lg')}
          style={maxWidth ? { maxWidth: `${maxWidth}px` } : {}}
        >
          <main>{children}</main>
        </div>
      </div>
    </Layout>
  )
}