require_relative 'new_todo_input'

class NewTodoForm
  include Glimmer::Web::Component
  
  option :presenter
  
  markup {
    header(class: 'header') {
      h1('todos')
      
      new_todo_input(presenter: presenter)
      
      style {
        rule('.header h1') {
          color '#b83f45'
          font_size '80px'
          font_weight '200'
          position 'absolute'
          text_align 'center'
          _webkit_text_rendering 'optimizeLegibility'
          _moz_text_rendering 'optimizeLegibility'
          text_rendering 'optimizeLegibility'
          top '-140px'
          width '100%'
        }
      }
    }
  }
end