// import React from 'react';
// import { MarkerType } from 'react-flow-renderer';

export const nodes = [
  {
    id: '1',
    type: 'input',
    data: {
      label: '部件名称',
    },
    position: { x: 0, y: 0 },
  },
  {
    id: '2',
    data: {
      label: '地盒+折板+拉卡+公仔+盖板+皮壳+内围条+圆饼',
    },
    position: { x: 0, y: 100 },
  },
  {
    id: '3',
    data: {
      label: '金卡纸',
    },
    position: { x: 200, y: 100 },
    style: {
      background: '#D6D5E6',
      color: '#333',
      border: '1px solid #222138',
      width: 180,
    },
  },
  {
    id: '4',
    position: { x: -200, y: 100 },
    data: {
      label: '垫片',
    },
  },
  {
    id: '5',
    data: {
      label: '地盒+折板+拉卡+公仔+盖板+皮壳+内围条',
    },
    position: { x: 100, y: 250 },
  },
  {
    id: '6',
    data: {
      label: '圆饼',
    },
    position: { x: -100, y: 250 },
  },
  {
    id: '7',
    data: { label: '圆饼面纸' },
    position: { x: -300, y: 350 },
  },
  {
    id: '8',
    data: { label: '圆饼灰板' },
    position: { x: -100, y: 350 },
  },
  {
    id: '9',
    data: { label: '地盒+折板+拉卡+公仔+盖板+皮壳' },
    position: { x: 300, y: 350 },
  },
  {
    id: '10',
    data: { label: '内围条' },
    position: { x: 100, y: 350 },
  },
  {
    id: '11',
    data: { label: '内围面纸' },
    position: { x: -100, y: 450 },
  },
  {
    id: '12',
    data: { label: '内围灰板' },
    position: { x: 100, y: 450 },
  },
  {
    id: '13',
    data: { label: '地盒+折板+拉卡+公仔+盖板' },
    position: { x: 500, y: 450 },
  },
  {
    id: '14',
    data: { label: '皮壳' },
    position: { x: 300, y: 450 },
  },
  {
    id: '15',
    data: { label: '皮壳面纸' },
    position: { x: 300, y: 550 },
  },
  {
    id: '16',
    data: { label: '皮壳衬纸' },
    position: { x: 100, y: 550 },
  },
  {
    id: '17',
    data: { label: '皮壳灰板' },
    position: { x: -100, y: 550 },
  },
  {
    id: '18',
    data: { label: '折板+拉卡+公仔+盖板' },
    position: { x: 700, y: 550 },
  },
  {
    id: '19',
    data: { label: '地盒' },
    position: { x: 500, y: 550 },
  },
  {
    id: '20',
    data: { label: '地盒灰板' },
    position: { x: 500, y: 650 },
  },
  {
    id: '21',
    data: { label: '地盒面纸' },
    position: { x: 300, y: 650 },
  },
  {
    id: '22',
    data: { label: '折板+拉卡+公仔' },
    position: { x: 900, y: 650 },
  },
  {
    id: '23',
    data: { label: '盖板' },
    position: { x: 700, y: 650 },
  },
  {
    id: '24',
    data: { label: '盖板面纸' },
    position: { x: 700, y: 750 },
  },
  {
    id: '25',
    data: { label: '盖板灰板' },
    position: { x: 500, y: 750 },
  },
  {
    id: '26',
    data: { label: '拉卡+公仔' },
    position: { x: 1100, y: 750 },
  },
  {
    id: '27',
    data: { label: '折板' },
    position: { x: 900, y: 750 },
  },
  {
    id: '28',
    data: { label: '折板面纸' },
    position: { x: 900, y: 850 },
  },
  {
    id: '29',
    data: { label: '折板底纸' },
    position: { x: 700, y: 850 },
  },
  {
    id: '30',
    data: { label: '折板衬纸' },
    position: { x: 500, y: 850 },
  },
  {
    id: '31',
    data: { label: '公仔' },
    position: { x: 1100, y: 850 },
  },
  {
    id: '32',
    data: { label: '拉卡' },
    position: { x: 1300, y: 850 },
  },
  {
    id: '33',
    data: { label: '拉卡面纸' },
    position: { x: 1300, y: 950 },
  },
  {
    id: '34',
    data: { label: '加强卡' },
    position: { x: 1500, y: 950 },
  },
];

export const edges = [
  {
    id: 'e1-2', source: '1', target: '2', label: 'this is an edge label',
  },
  { id: 'e1-3', source: '1', target: '3' },
  { id: 'e1-3', source: '1', target: '4' },
  {
    id: 'e2-1',
    source: '2',
    target: '5',
    animated: true,
    label: 'animated edge',
  },
  {
    id: 'e2-1',
    source: '2',
    target: '6',
    animated: true,
    label: 'animated edge',
  },
  {
    id: 'e6-7',
    source: '6',
    target: '7',
    type: 'step',
    style: { stroke: '#f6ab6c' },
    label: 'a step edge',
    animated: true,
    labelStyle: { fill: '#f6ab6c', fontWeight: 700 },
  },
  {
    id: 'e6-8',
    source: '6',
    target: '8',
    type: 'step',
    style: { stroke: '#f6ab6c' },
    label: 'a step edge',
    animated: true,
    labelStyle: { fill: '#f6ab6c', fontWeight: 700 },
  },
  {
    id: 'e5-9',
    source: '5',
    target: '9',
    animated: true,
    label: 'animated edge',
  },
  {
    id: 'e9-13',
    source: '9',
    target: '13',
    animated: true,
    label: 'animated edge',
  },
  {
    id: 'e13-18',
    source: '13',
    target: '18',
    animated: true,
    label: 'animated edge',
  },
  {
    id: 'e18-22',
    source: '18',
    target: '22',
    animated: true,
    label: 'animated edge',
  },
  {
    id: 'e22-26',
    source: '22',
    target: '26',
    animated: true,
    label: 'animated edge',
  },
  {
    id: 'e26-31',
    source: '26',
    target: '31',
    animated: true,
    label: 'animated edge',
  },
  {
    id: 'e26-32',
    source: '26',
    target: '32',
    animated: true,
    label: 'animated edge',
  },
  {
    id: 'e32-33',
    source: '32',
    target: '33',
    animated: true,
    label: 'animated edge',
  },
  {
    id: 'e32-34',
    source: '32',
    target: '34',
    animated: true,
    label: 'animated edge',
  },
  {
    id: 'e22-27',
    source: '22',
    target: '27',
    animated: true,
    label: 'animated edge',
  },
  {
    id: 'e27-28',
    source: '27',
    target: '28',
    animated: true,
    label: 'animated edge',
  },
  {
    id: 'e27-29',
    source: '27',
    target: '29',
    animated: true,
    label: 'animated edge',
  },
  {
    id: 'e27-30',
    source: '27',
    target: '30',
    animated: true,
    label: 'animated edge',
  },
  {
    id: 'e18-23',
    source: '18',
    target: '23',
    animated: true,
    label: 'animated edge',
  },
  {
    id: 'e23-24',
    source: '23',
    target: '24',
    animated: true,
    label: 'animated edge',
  },
  {
    id: 'e23-25',
    source: '23',
    target: '25',
    animated: true,
    label: 'animated edge',
  },
  {
    id: 'e13-19',
    source: '13',
    target: '19',
    animated: true,
    label: 'animated edge',
  },
  {
    id: 'e19-20',
    source: '19',
    target: '20',
    animated: true,
    label: 'animated edge',
  },
  {
    id: 'e19-21',
    source: '19',
    target: '21',
    animated: true,
    label: 'animated edge',
  },
  {
    id: 'e9-14',
    source: '9',
    target: '14',
    animated: true,
    label: 'animated edge',
  },
  {
    id: 'e14-15',
    source: '14',
    target: '15',
    animated: true,
    label: 'animated edge',
  },
  {
    id: 'e14-16',
    source: '14',
    target: '16',
    animated: true,
    label: 'animated edge',
  },
  {
    id: 'e14-17',
    source: '14',
    target: '17',
    animated: true,
    label: 'animated edge',
  },
  {
    id: 'e5-10',
    source: '5',
    target: '10',
    animated: true,
    label: 'animated edge',
  },
  {
    id: 'e10-11',
    source: '10',
    target: '11',
    animated: true,
    label: 'animated edge',
  },
  {
    id: 'e10-12',
    source: '10',
    target: '12',
    animated: true,
    label: 'animated edge',
  },


];