const position = { x: 0, y: 0 };

const nodes = [
  {
    id: "1",
    type: "source",
    data: {
      title: "Source",
    },
    position: {
      x: 150,
      y: 0,
    },
    style: {
      width: 250,
    },
  },
  // {
  //   id: "2",
  //   type: "email",
  //   data: {
  //     title: "Email",
  //     description: "Send message to contacts.",
  //     stats: {
  //       running: 18,
  //       error: 1,
  //     },
  //   },
  //   position,
  // },
  // {
  //   id: "3",
  //   type: "waitThenCheck",
  //   data: {
  //     title: "Replied to conversation?",
  //     description: "Replied to conversation?",
  //     stats: {
  //       running: 17,
  //     },
  //   },
  //   position,
  //   style: {
  //     width: 250,
  //   },
  // },
  // {
  //   id: "4",
  //   type: "email",
  //   data: {
  //     title: "Email",
  //     description: "Send message to contacts.",
  //     stats: {
  //       running: 3,
  //     },
  //   },
  //   position,
  // },
  // {
  //   id: "5",
  //   type: "sms",
  //   data: {
  //     title: "SMS",
  //     description: "Send SMS to contacts.",
  //     stats: {
  //       running: 14,
  //     },
  //   },
  //   position,
  // },
  {
    id: "7",
    type: "end",
    data: {
      title: "Contact Exits",
      description: "",
    },
    position: {
      x: 150,
      y: 200,
    },
  },
  // {
  //   id: "8",
  //   type: "end",
  //   data: {
  //     title: "Contact Exits",
  //     description: "",
  //     stats: {
  //       completed: 14,
  //     },
  //   },
  //   position,
  // },
];

const edges = [
  {
    id: "e1-7",
    source: "1",
    target: "7",
    type: "condition",
  },
  // {
  //   id: "e2-3",
  //   source: "2",
  //   target: "3",
  //   type: "condition",
  // },
  // {
  //   id: "e3-4",
  //   source: "3",
  //   target: "4",
  //   type: "condition",
  //   sourceHandle: "yes",
  //   data: {
  //     title: "Default condition",
  //     disabled: true,
  //   },
  // },
  // {
  //   id: "e3-5",
  //   source: "3",
  //   target: "5",
  //   type: "condition",
  //   sourceHandle: "no",
  //   data: {
  //     title: "Editable branch",
  //   },
  // },
  // {
  //   id: "e6-7",
  //   source: "5",
  //   target: "7",
  //   sourceHandle: "yes",
  //   type: "condition",
  // },
  // {
  //   id: "e4-8",
  //   source: "4",
  //   target: "8",
  //   sourceHandle: "no",
  //   type: "condition",
  // },
];

export const initialElements = [...nodes, ...edges];
