"use client";

import { createContext, useContext } from "react";

export interface AppData {
  id: string;
  name: string;
  slug: string;
  description: string | null;
  primaryColor: string;
  accentColor: string;
  darkBg: string;
}

interface ActiveAppContextValue {
  apps: AppData[];
  activeApp: AppData | null;
  setActiveApp: (slug: string) => void;
  loading: boolean;
}

export const ActiveAppContext = createContext<ActiveAppContextValue>({
  apps: [],
  activeApp: null,
  setActiveApp: () => {},
  loading: true,
});

export function useActiveApp() {
  return useContext(ActiveAppContext);
}