import type { JSX } from "solid-js";

export type CardId =
  | "protection"
  | "vault"
  | "sync"
  | "appearance"
  | "shortcuts"
  | "pro"
  | "feedback";

export type StackIconKind =
  | "shield"
  | "lock"
  | "sync"
  | "sun"
  | "keys"
  | "spark"
  | "bubble";

export interface StackCardSpec {
  id: CardId;
  num: string;
  title: string;
  lede: string;
  bgVar: string;
  fgVar: string;
  icon: StackIconKind;
  onIconClick?: () => void;
}

export type StackBodies = Record<CardId, JSX.Element>;