import React, { useState } from 'react';
import './Layout.css';

export default function KoleLayout({ direction = 'row', collapsed = false, gap = '16px', children, onChange, onClick, onClose, onSubmit, onLoadMore }) {
  
  return (
    <div className="kole-layout-root">
      <div className="kole-layout kole-layout-layout"><aside className="kole-layout-surface">导航<br />用户<br />设置</aside><section className="kole-layout-surface"><div className="kole-layout-header">页头</div><div className="kole-layout-main">{children || '内容区'}</div><div className="kole-layout-footer">页脚</div></section></div>
    </div>
  );
}