import type { GetServerSideProps } from 'next'
import WalletPage from '@/components/wallet/WalletPage'
import type {
  CapabilitiesCatalog,
  FetchMetadata,
  NetworksCatalog,
  TokenListCatalog,
} from '@/components/wallet/AddToMetaMask'

interface WalletRoutePageProps {
  initialNetworks: NetworksCatalog | null
  initialTokenList: TokenListCatalog | null
  initialCapabilities: CapabilitiesCatalog | null
  initialNetworksMeta: FetchMetadata | null
  initialTokenListMeta: FetchMetadata | null
  initialCapabilitiesMeta: FetchMetadata | null
}

export default function WalletRoutePage(props: WalletRoutePageProps) {
  return <WalletPage {...props} />
}

export const getServerSideProps: GetServerSideProps<WalletRoutePageProps> = async () => ({
  props: {
    initialNetworks: null,
    initialTokenList: null,
    initialCapabilities: null,
    initialNetworksMeta: null,
    initialTokenListMeta: null,
    initialCapabilitiesMeta: null,
  },
})
