"use client"

import { useState } from 'react'
import { Sidebar } from './sidebar'
import { UserSettings } from './user-settings'
import { DashboardHome } from './dashboard-home'

export type DashboardSection = 'home' | 'settings'

export function Dashboard() {
  const [activeSection, setActiveSection] = useState<DashboardSection>('home')

  const renderContent = () => {
    switch (activeSection) {
      case 'settings':
        return <UserSettings />
      case 'home':
      default:
        return <DashboardHome />
    }
  }

  return (
    <div className="min-h-screen bg-gradient-smooth flex">
      <Sidebar />
      <main className="flex-1 ml-64">
        {renderContent()}
      </main>
    </div>
  )
}