import { Engine, Render, World, Bodies } from "matter-js";
import Line from "matter-lines";

document.addEventListener("DOMContentLoaded", () => {
  // create an engine
  const engine = Engine.create();

  // create a renderer
  const render = Render.create({
    element: document.body,
    engine
  });

  // create a line
  const line = new Line(engine.world, [
    // points
    { x: 50, y: 50 },
    { x: 100, y: 50 },
    { x: 100, y: 100 }
  ]);

  // run the engine
  Engine.run(engine);

  // run the renderer
  Render.run(render);
});