{
  "namespace": "common-classic",

  "button": {
    "type": "button",

    "$focus_id|default": "", 
    "$focus_override_down|default": "", 
    "$focus_override_up|default": "", 
    "$focus_override_left|default": "", 
    "$focus_override_right|default": "", 
    "focus_identifier": "$focus_id",
    "focus_change_down": "$focus_override_down",
    "focus_change_up": "$focus_override_up",
    "focus_change_left": "$focus_override_left",
    "focus_change_right": "$focus_override_right",
    "focus_enabled": true,

    "layer": 1,
    "size": [ 100, 20 ],
    "sound_name": "random.click",
    "sound_volume": 1.0,
    "sound_pitch": 1.0,
    "locked_control": "",
    "default_control": "default",
    "hover_control": "hover",
    "pressed_control": "pressed",
    "button_mappings": [
      {
        "from_button_id": "button.menu_select",
        "to_button_id": "button.menu_select",
        "mapping_type": "pressed"
      },
      {
        "from_button_id": "button.menu_ok",
        "to_button_id": "button.menu_select",
        "mapping_type": "focused"
      }
    ]
  },

  "button_state_default": {
    "type": "image",
    "texture": "textures/ui/classic-button"
  },

  "button_state_hover@button_state_default": {
    "texture": "textures/ui/classic-button-hover"
  },

  "button_state_pressed@button_state_default": {
    "texture": "textures/ui/classic-button-pressed"
  },

  "toggle@common.toggle": {
    "$unchecked_control": "common-classic.toggle_unchecked_state",
    "$checked_control": "common-classic.toggle_checked_state",
    "$unchecked_hover_control": "common-classic.toggle_unchecked_hovered_state",
    "$checked_hover_control": "common-classic.toggle_checked_hovered_state",
    "$unchecked_locked_control": "common-classic.toggle_unchecked_hovered_state",
    "$unchecked_locked_hover_control": "common-classic.toggle_unchecked_hovered_state",
    "$checked_locked_control": "common-classic.toggle_checked_hovered_state",
    "$checked_locked_hover_control": "common-classic.toggle_checked_hovered_state"
  },

  "toggle_checked_state": {
    "type": "image",
    "texture": "textures/ui/common-classic_toggle_checked_state",
    "layer": 2,
    "size": [ 38, 20 ]
  },

  "toggle_unchecked_state": {
    "type": "image",
    "texture": "textures/ui/common-classic_toggle_unchecked_state",
    "layer": 2,
    "size": [ 38, 20 ]
  },

  "toggle_checked_hovered_state": {
    "type": "panel",
    "size": [ 38, 20 ],
    "controls": [
      { "toggle_checked_state@toggle_checked_state": { } },
      {
        "hover": {
          "type": "image",
          "texture": "textures/ui/common-classic_hover",
          "layer": 3
        }
      }
    ]
  },

  "toggle_unchecked_hovered_state": {
    "type": "panel",
    "size": [ 38, 20 ],
    "controls": [
      { "toggle_unchecked_state@toggle_unchecked_state": { } },
      {
        "hover": {
          "type": "image",
          "texture": "textures/ui/common-classic_hover_1",
          "layer": 3
        }
      }
    ]
  }
}