OptionCheckBox < CheckBox
  margin-left: 18
  margin-right: 18
  @onCheckChange: Options.changeOption(self:getId(), self:isChecked())
  @onSetup: self:setChecked(Options[self:getId()])

  $first:
    margin-top: 28
    anchors.left: parent.left
    anchors.right: parent.right
    anchors.top: parent.top

  $middle:
    margin-top: 10
    anchors.left: parent.left
    anchors.right: parent.right
    anchors.top: prev.bottom

MainWindow
  id: optionsWindow
  title: Options
  size: 286 120

  OptionCheckBox
    id: vsync
    text: Enable vertical synchronization
    tooltip: Limits FPS to 60

  OptionCheckBox
    id: showfps
    text: Show frame rate

  OptionCheckBox
    id: fullscreen
    text: Fullscreen

  Button
    text: Ok
    width: 64
    anchors.right: parent.right
    anchors.bottom: parent.bottom
    margin-right: 10
    margin-bottom: 10
    @onClick: self:getParent():destroy()