import React from 'react';

/**
 * {{ModuleName}} 布局组件 — 提供 {{moduleName}} 模块的页面框架结构。
 * 包含侧边导航、顶部操作栏和内容区域。
 */
export const {{ModuleName}}Layout: React.FC<{ children?: React.ReactNode }> = ({ children }) => {
  return (
    <div className="{{moduleName}}-layout">
      <header className="{{moduleName}}-layout__header">
        <h1>{{ModuleName}}</h1>
      </header>
      <main className="{{moduleName}}-layout__content">
        {children}
      </main>
    </div>
  );
};

export default {{ModuleName}}Layout;
