// 大布局
import RefPage from './page/index';
import Header from './page/page-header';
import Aside from './page/aside';
import Content from './page/content';

import './index.scss';

type IPage = typeof RefPage & {
  Header: typeof Header;
  Aside: typeof Aside;
  Content: typeof Content;
};

// @ts-ignore
const CnLayoutPage: IPage = RefPage;

CnLayoutPage.Header = Header;
CnLayoutPage.Aside = Aside;
CnLayoutPage.Content = Content;

export { Header as CnLayoutHeader, Aside as CnLayoutAside, Content as CnLayoutContent };

export { CnLayoutPage };

export { default as CnLayoutSection } from './section';
export { default as CnLayoutBlock } from './block';

// 小布局
export { default as CnLayoutRow } from './row';
export { default as CnLayoutCol } from './col';
export { default as CnLayoutCell } from './cell';

export type { CnLayoutPageProps } from './page/index';
export type { CnLayoutHeaderProps, IPageHeader } from './page/page-header';
export type { CnLayoutAsideProps, IPageAside } from './page/aside';
export type { CnLayoutContentProps, IPageContent } from './page/content';

export type {
  BreakPoint,
  BreakPoints,
  CnLayoutSectionProps,
  CnLayoutBlockProps,
  CnLayoutRowProps,
  CnLayoutColProps,
  CnLayoutCellProps,
} from './types';

export default CnLayoutPage;