import TextFieldButton from "./components/TextFieldButton"

const appElement = document.getElementById('app')

const textFieldBtn = new TextFieldButton()
textFieldBtn.placeholder = 'Enter text here...'
textFieldBtn.value = ''
textFieldBtn.onInput = (value: string) => {
  console.log('Input event - value =', value)
}
textFieldBtn.onChange = (value: string) => {
  console.log('Change event - value =', value)
}

function renderApp() {
  if (appElement !== null) {
    appElement.innerHTML = ''
    textFieldBtn.render(appElement)
  }
}

renderApp()