import React from 'react';
import { Layout } from 'antd';
import './index.less';

const { Header, Content } = Layout;

function AppLayout({ header, content, children, className = '', headerClassName = '', contentClassName = '' }) {
  return (
    <Layout className={`app-layout-container ${className}`}>
      <Header className={`app-layout-header ${headerClassName}`}>{header}</Header>
      <Content className={`app-layout-content ${contentClassName}`}>{children || content}</Content>
    </Layout>
  );
}

export default AppLayout;
