React Gantt Chart Project scheduling & resource planning

import { Gantt, Willow } from "@svar-ui/react-gantt";
import "@svar-ui/react-gantt/all.css";

export default function App() {

  const tasks = [
    { id: 1, text: "Project planning",  type: "summary", open: true },
    { id: 2, text: "Marketing analysis", start: new Date(2026, 3, 2), duration: 3,  parent: 1 },
    { id: 3, text: "Discussions", start: new Date(2026, 3, 5), duration: 2,  parent: 1 }
  ];

  const links = [
    { id: 1, source: 2, target: 3, type: "e2s" }
  ];

  return (
    <Willow>
      <Gantt tasks={tasks} links={links} />
    </Willow>
  );
}