import { Canvas } from "./canvas/Canvas";
import type { Card } from "./canvas/types";

const initialCards: Card[] = [
  {
    id: "welcome",
    kind: "note",
    x: 200,
    y: 200,
    width: 320,
    height: 180,
    z: 0,
    text: "Welcome to Infinite.\n\nPan: middle-drag or space+drag.\nZoom: Ctrl+wheel.",
  },
  {
    id: "todo",
    kind: "note",
    x: 600,
    y: 320,
    width: 260,
    height: 140,
    z: 0,
    text: "Next: terminal cards, then X11 embedding.",
  },
];

export function App() {
  return <Canvas initialCards={initialCards} />;
}
