import * as React from 'react';
import AppCard from '@/components/common/AppCard';
import './style.less';

const OtherAppList: React.FC = () => {
    // 空占位组件 - 待后续实现
    const apps = [];

    return (
        <div className='other-app-list'>
            <div className='filter-bar'>
                <div className='filter-bar-title'>
                    <h3>其他非 RAG 应用</h3>
                    <p>传统企业应用和系统（待开发）</p>
                </div>
            </div>

            <div className='app-card-grid'>
                {apps.length === 0 ? (
                    <div className='empty-state'>
                        <p>暂无应用</p>
                    </div>
                ) : (
                    apps.map((app) => (
                        <AppCard key={app.id} {...app} />
                    ))
                )}
            </div>
        </div>
    );
};

export default OtherAppList;
