import './App.css';
import { TabView } from './components/navigation/TabView';
import Home from './pages/home/Home';
import Profile from './pages/profile/Profile';
import { faCalendar, faUser } from '@fortawesome/free-solid-svg-icons';
import { faHome } from '@fortawesome/free-solid-svg-icons';

const tabs = [
  { id: 'home', label: 'Home', component: Home, icon: faHome },
  { id: 'calendar', label: 'Calendar', component: Home, icon: faCalendar },
  { id: 'profile', label: 'Profile', component: Profile, icon: faUser }
];

function App() {
  return (
    <div className="App">
      <TabView
        tabs={tabs}
      />
    </div>
  );
}

export default App;
