Providers

"use client"

import * as React from "react"
import { ThemeProvider } from "next-themes"

import { Toaster } from "@/components/ui/toast"
import { TooltipProvider } from "@/components/ui/tooltip"

/** Theme (class-based, follows the OS by default), tooltips, and toasts. Wrap `<body>` content once. */
function Providers({
  children,
  defaultTheme = "system",
}: {
  children: React.ReactNode
  defaultTheme?: "light" | "dark" | "system"
}) {
  return (
    <ThemeProvider attribute="class" defaultTheme={defaultTheme} enableSystem disableTransitionOnChange>
      <TooltipProvider>
        <Toaster>{children}</Toaster>
      </TooltipProvider>
    </ThemeProvider>
  )
}

export { Providers }