import { Store } from 'lucide-react';
import type { AppRegistryMeta } from '../../AppRegistry';
import { AppStoreList } from './AppStoreList';
import { AppStoreDetail } from './AppStoreDetail';

export { AppStoreList } from './AppStoreList';
export { AppStoreDetail } from './AppStoreDetail';
export { useAppStore } from './useAppStore';
export type { StoreItem, InstallMode, ConfigField } from './useAppStore';

// Two panels rather than one screen: the list and the detail answer different questions and are read
// side by side. `availableOnPanel: false` keeps them off the generic panel picker — they only make
// sense together, on /app-store.
export const appRegistryMetas: AppRegistryMeta[] = [
  { key: 'app-store-list', name: 'App store', icon: Store, component: AppStoreList, availableOnPanel: false },
  { key: 'app-store-detail', name: 'App detail', icon: Store, component: AppStoreDetail, availableOnPanel: false },
];
