import React from 'react'; import { Layout, Space } from 'antd'; const { Header, Footer, Sider, Content } = Layout; const headerStyle: React.CSSProperties = { textAlign: 'center', color: '#fff', height: 64, paddingInline: 50, lineHeight: '64px', backgroundColor: '#7dbcea', }; const contentStyle: React.CSSProperties = { textAlign: 'center', minHeight: 120, lineHeight: '120px', color: '#fff', backgroundColor: '#108ee9', }; const siderStyle: React.CSSProperties = { textAlign: 'center', lineHeight: '120px', color: '#fff', backgroundColor: '#3ba0e9', }; const footerStyle: React.CSSProperties = { textAlign: 'center', color: '#fff', backgroundColor: '#7dbcea', }; const App: React.FC = () => (
Header
Content
Footer
Header
Sider Content
Footer
Header
Content Sider
Footer
Sider
Header
Content
); export default App;