import React, { FC, ReactNode } from 'react';
import { CoverLayout } from '@sensoro/layout';
import { LayoutProps } from './types';
import styles from './breadcrumb-footer-layout.less';

interface BreadcrumbFooterLayoutProps extends LayoutProps {
  header?: ReactNode;
}

const BreadcrumbFooterLayout: FC<BreadcrumbFooterLayoutProps> = ({ header, children, ...rest }) => {
  return (
    <CoverLayout align={'center'} {...rest}>
      {/* 需要在顶部额外渲染的内容 */}
      {header}
      <div className={styles.contianer}>{children}</div>
    </CoverLayout>
  );
};

BreadcrumbFooterLayout.defaultProps = {
  disableBreadcrumb: false
};

export default BreadcrumbFooterLayout;
