"use client"
 
import { useLocalStorage } from "@/hooks/use-local-storage"
 
export function Component() {
  const [count, setCount] = useLocalStorage("count", 0)
 
  return (
    <div>
      <p>Count: {count}</p>
      <button onClick={() => setCount((c) => c + 1)}>Increment</button>
      <button onClick={() => setCount(0)}>Reset</button>
    </div>
  )
}

interface UserSettings {
  theme: "light" | "dark"
  notifications: boolean
}
 
const [settings, setSettings] = useLocalStorage<UserSettings>("user-settings", {
  theme: "light",
  notifications: true,
})

const [authToken, setAuthToken] = useLocalStorage<string>("auth-token", () =>
  window.crypto.randomUUID()
)