import { useState } from "react"; import { MusicPlayer } from "@/components/MusicPlayer"; import { MusicLibrary } from "@/components/MusicLibrary"; import { SocialFeed } from "@/components/SocialFeed"; import { Header } from "@/components/Header"; import { Sidebar } from "@/components/Sidebar"; const Index = () => { const [currentTrack, setCurrentTrack] = useState(null); const [activeView, setActiveView] = useState("library"); return (
{activeView === "library" && ( )} {activeView === "social" && }
{currentTrack && ( )}
); }; export default Index;