import { Routes } from '@angular/router';
import { Home } from './components/home/home';
import { Groups } from './components/groups/groups';
import { Explore } from './components/explore/explore';
import { Profile } from './components/profile/profile';
import { Activity } from './components/activity/activity';
import { ChallengeDetail } from './components/challenge-detail/challenge-detail';
import { GroupDetail } from './components/group-detail/group-detail';
import { CreateGroup } from './components/create-group/create-group';
import { CreateBet } from './components/create-bet/create-bet';
import { Settings } from './components/settings/settings';
import { BetHistory } from './components/bet-history/bet-history';

export const routes: Routes = [
  { path: '', component: Home },
  { path: 'groups', component: Groups },
  { path: 'explore', component: Explore },
  { path: 'profile', component: Profile },
  { path: 'activity', component: Activity },
  { path: 'challenge-detail/:id', component: ChallengeDetail },
  { path: 'group-detail/:id', component: GroupDetail },
  { path: 'create-group', component: CreateGroup },
  { path: 'create-bet', component: CreateBet },
  { path: 'settings', component: Settings },
  { path: 'bet-history', component: BetHistory },
  { path: '**', redirectTo: '' },
];