<!--
Description:
  2-state button for skin settings menu.
  Can be squeezed so that all skin settings categories fit on small screens.
Variables:
  width         :
  state_X_text  : label text for state X
  Setting       : persistent left-click control
-->
<Template>
  <PushButton>
    <ObjectName>SkinSettingsCategoryButton</ObjectName>
    <Size><Variable name="size"/></Size>
    <NumberStates>2</NumberStates>
    <State>
      <Number>0</Number>
      <Text> &#9744;  <Variable name="text"/></Text>
      <Alignment>left</Alignment>
    </State>
    <State>
      <Number>1</Number>
      <Text> &#10004;  <Variable name="text"/></Text>
      <Alignment>left</Alignment>
    </State>
    <Connection>
      <ConfigKey persist="true"><Variable name="Setting"/></ConfigKey>
      <ButtonState>LeftButton</ButtonState>
    </Connection>
  </PushButton>
</Template>
