import { ReactNode } from "react"

export type IntegrationMethod = "github" | "cli"
export type StepStatus = "active" | "completed" | "upcoming"

export interface Step {
  id: number
  title: string
  description: string
}

export interface IntegrationConfig {
  name: string
  description: string
  icon: ReactNode
  iconBg: string
  steps: Step[]
}

export interface IntegrationsConfig {
  cli: IntegrationConfig
}
export interface StepConfig {
  id: number
  title: string
  description: string
  contentType: "installPackage" | "initializeWithKey" | "readyToUse" | string
}
export interface ApiKeyState {
  name: string
  key: string
  error: string
}

export interface StepsState {
  current: {
    cli: number
  }
  completed: {
    cli: number[]
  }
}
