import { Outlet } from 'react-router-dom'
import { WalletHeader } from '@widgets/wallet-header'
import { Footer } from '@widgets/footer'
import styles from './WalletLayout.module.css'

interface Props {
  footer?: boolean
  center?: boolean
}

export function WalletLayout({ footer = false, center = false }: Props) {
  return (
    <div className={styles.page}>
      <WalletHeader />
      <main className={center ? `${styles.main} ${styles.center}` : styles.main}>
        <Outlet />
      </main>
      {footer && <Footer />}
    </div>
  )
}