<!--
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>
    <TooltipId><Variable name="TooltipId"/></TooltipId>
    <ObjectName>SkinSettingsLabelButton</ObjectName>
    <Size><Variable name="Width"/>,23f</Size>
    <NumberStates>2</NumberStates>
    <RightClickIsPushButton>false</RightClickIsPushButton>
    <State>
      <Number>0</Number>
      <Text> &#9744; <Variable name="Text"/></Text>
      <Alignment>left</Alignment>
    </State>
    <State>
      <Number>1</Number>
      <!-- <Text> &#9745; <Variable name="Text"/></Text> -->
      <Text>&#8202;&#8202;&#8202;&#10004;&#8202;&#8202;&#8202;<Variable name="Text"/></Text>
      <Alignment>left</Alignment>
    </State>
    <Connection>
      <ConfigKey persist="true"><Variable name="Setting"/></ConfigKey>
      <ButtonState>LeftButton</ButtonState>
    </Connection>
  </PushButton>
</Template>
