// app/dashboard/layout.tsx
import { NotificationBell } from '@/components/layout/NotificationBell';
import { DashboardSidebar } from '@/components/layout/Sidebar';
import { SidebarProvider, SidebarTrigger } from '@/components/ui/sidebar';
import { PendingChallengesBadge } from '@/components/layout/PendingChallengesBadge';
import { TicketBadge } from '@/components/layout/TicketBadge';
import { ReactNode } from 'react';
import { PANEL_SETTING } from '@/config/panelSetting';

export default function DashboardLayout({ children }: { children: ReactNode }) {
  return (
    <SidebarProvider>
      <DashboardSidebar />
      <SidebarTrigger className='bg-sidebar' />
      <main className='w-full'>
        <div className="fixed bottom-5 left-5 flex flex-col gap-4 ">
          <div className="rounded-full p-2 bg-card border">
            <TicketBadge />
          </div>
          <div className="rounded-full p-2 bg-card border">
            <NotificationBell />
          </div>
          {PANEL_SETTING.template === "prop_firms" && (
            <div className="rounded-full p-2 bg-card border">
              <PendingChallengesBadge />
            </div>
          )}
        </div>
        {children}
      </main>
    </SidebarProvider>
  );
}