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

export default function KoleContainer({ direction = 'column', width = '100%', gap = '16px', children, onChange, onClick, onClose, onSubmit, onLoadMore }) {
  
  return (
    <div className="kole-container-root">
      <div className="kole-container kole-container-surface"><div className="kole-container-header">Header</div><div className="kole-container-main">{children || 'Main content'}</div><div className="kole-container-footer">Footer</div></div>
    </div>
  );
}