nodejs.org / layouts / Centered.tsx

import type { FC, PropsWithChildren } from 'react';

import WithFooter from '@/components/withFooter';
import WithNavBar from '@/components/withNavBar';

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

const CenteredLayout: FC<PropsWithChildren> = ({ children }) => (
  <>
    <WithNavBar />

    <div className={styles.centeredLayout}>{children}</div>

    <WithFooter />
  </>
);

export default CenteredLayout;