import {createInstrumentForm, createMechanismForm} from './addObjectForm'
import Editor from './editor'
import 'diagram-js/assets/diagram-js.css'

const instrumentContainer = document.getElementById('instrument-form')
const mechanismContainer = document.getElementById('mechanism-form')

createInstrumentForm(instrumentContainer)
createMechanismForm(mechanismContainer)
const diagramElement = document.getElementById('diagram')
if (!diagramElement) {
  throw new Error('Element with ID "diagram" not found in DOM.')
}
diagramElement.style.width='297mm'
diagramElement.style.height='210mm'
diagramElement.style.border='solid'
diagramElement.style.borderColor='canvastext'
diagramElement.style.borderWidth='1px'
const diagram = Editor(diagramElement)

export default diagram