/**
 * KRA - User Layout
 * Layout for login/register pages
 */
import React from 'react';
import { Outlet } from '@umijs/max';
import { Logo } from '@/components/Logo';
import { BottomInfo } from '@/components/BottomInfo';
import styles from './UserLayout.less';

const UserLayout: React.FC = () => {
  return (
    <div className={styles.container}>
      <div className={styles.content}>
        <div className={styles.header}>
          <Logo size="large" showTitle />
        </div>
        <div className={styles.main}>
          <Outlet />
        </div>
      </div>
      <div className={styles.footer}>
        <BottomInfo />
      </div>
    </div>
  );
};

export default UserLayout;
