import './bootstrap'
import React from 'react'
import { createRoot } from 'react-dom/client'
import { createInertiaApp } from '@inertiajs/react'
import FollowingFeed  from './Pages/Feed/FollowingFeed'
import TrendingFeed   from './Pages/Feed/TrendingFeed'
import HashtagFeed    from './Pages/Feed/HashtagFeed'
import SavedFeed      from './Pages/Feed/SavedFeed'
import SearchFeed     from './Pages/Feed/SearchFeed'

const pages = {
  'Feed/FollowingFeed': FollowingFeed,
  'Feed/TrendingFeed':  TrendingFeed,
  'Feed/HashtagFeed':   HashtagFeed,
  'Feed/SavedFeed':     SavedFeed,
  'Feed/SearchFeed':    SearchFeed,
}

createInertiaApp({
  resolve: (name) => pages[name],
  setup({ el, App, props }) {
    const root = createRoot(el)
    root.render(<App {...props} />)
  },
})