types.ts

// FIX: Add React import to resolve 'Cannot find namespace React' error.
import React from 'react';

export enum TechComponent {
  VPS = 'VPS',
  ONEXPLAYER = 'ONEXPLAYER',
  MINISFORUM = 'MINISFORUM',
  SYNCTHING = 'SYNCTHING',
  N8N = 'N8N',
  VECTOR_DB = 'VECTOR_DB',
  STAGING_AREA = 'STAGING_AREA',
  SAMSUNG_FOLD = 'SAMSUNG_FOLD',
  OPEN_WEBUI = 'OPEN_WEBUI',
  STATE_STORE = 'STATE_STORE',
  PRE_PROCESSOR = 'PRE_PROCESSOR',
  MONITORING = 'MONITORING',
  BACKUPS = 'BACKUPS',
}

export interface ComponentInfo {
  title: string;
  icon: React.ComponentType<{ className?: string }>;
  description: string;
  details: string[];
  codeSample?: {
    language: 'json' | 'yaml' | 'python' | 'bash' | 'xml' | 'sql';
    title: string;
    code: string;
  };
}

export interface WorkflowStep {
    id: number;
    title:string;
    description: string;
    icon: React.ComponentType<{ className?: string }>;
}