'use client';

import { create } from 'zustand';

interface UserUIState {
  onboardingStep: number;
  preferredTheme: string | null;
  lastVisitedPage: string | null;

  setOnboardingStep: (step: number) => void;
  setPreferredTheme: (theme: string) => void;
  setLastVisitedPage: (page: string) => void;
}

export const useUserStore = create<UserUIState>((set) => ({
  onboardingStep: 1,
  preferredTheme: null,
  lastVisitedPage: null,

  setOnboardingStep: (step) => set({ onboardingStep: step }),
  setPreferredTheme: (theme) => set({ preferredTheme: theme }),
  setLastVisitedPage: (page) => set({ lastVisitedPage: page }),
}));