import * as React from "react"
 
import { useDarkModeSchedule } from "@/hooks/use-dark-mode-schedule"
 
export function ThemeScheduleExample() {
  const { currentTheme, isDarkMode, isScheduleActive, timeUntilSwitch } =
    useDarkModeSchedule({
      darkStartTime: "18:00", // 6 PM
      darkEndTime: "06:00", // 6 AM
      fallbackToSystem: true,
    })
 
  return (
    <div>
      <p>Current theme: {currentTheme}</p>
      <p>Dark mode active: {isDarkMode ? "Yes" : "No"}</p>
      <p>Schedule active: {isScheduleActive ? "Yes" : "No"}</p>
      <p>
        Next switch in:{" "}
        {timeUntilSwitch
          ? `${Math.floor(timeUntilSwitch / 60000)} minutes`
          : "Manual override"}
      </p>
    </div>
  )
}

import * as React from "react"
import { useTheme } from "next-themes"
 
import { useDarkModeSchedule } from "@/hooks/use-dark-mode-schedule"
 
export function NextThemesIntegration() {
  const { setTheme: setNextTheme } = useTheme()
 
  const { currentTheme, isDarkMode, reset } = useDarkModeSchedule({
    darkStartTime: "20:00",
    darkEndTime: "07:00",
    fallbackToSystem: true,
    smoothTransition: true,
    setTheme: (theme) => {
      setNextTheme(theme === "system" ? "system" : theme)
    },
  })
 
  return (
    <div>
      <p>Theme: {currentTheme}</p>
      <button onClick={reset}>Reset to schedule</button>
    </div>
  )
}

import * as React from "react"
 
import { useDarkModeSchedule } from "@/hooks/use-dark-mode-schedule"
 
export function ManualOverrideExample() {
  const { setTheme, reset, currentTheme } = useDarkModeSchedule({
    darkStartTime: "18:00",
    darkEndTime: "06:00",
  })
 
  return (
    <div>
      <p>Current theme: {currentTheme}</p>
      <button onClick={() => setTheme("light")}>Force Light</button>
      <button onClick={() => setTheme("dark")}>Force Dark</button>
      <button onClick={() => setTheme("system")}>Use System</button>
      <button onClick={reset}>Reset to Schedule</button>
    </div>
  )
}

interface UseDarkModeScheduleOptions {
  darkStartTime?: string
  darkEndTime?: string
  fallbackToSystem?: boolean
  smoothTransition?: boolean
  setTheme?: (theme: "light" | "dark" | "system") => void
  checkInterval?: number
}

interface UseDarkModeScheduleReturn {
  currentTheme: "light" | "dark" | "system"
  isDarkMode: boolean
  isScheduleActive: boolean
  timeUntilSwitch: number | null
  setTheme: (theme: "light" | "dark" | "system") => void
  reset: () => void
}