<!--
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>
  <WidgetGroup>
    <ObjectName>CategoryLabel</ObjectName>
    <Layout>horizontal</Layout>
    <Size>190min,21f</Size>
    <Children>
      <PushButton>
        <TooltipId><Variable name="TooltipId"/></TooltipId>
        <ObjectName>SkinSettingsLabelButton</ObjectName>
        <Size>190min,17f</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>
          <Alignment>left</Alignment>
        </State>
        <Connection>
          <ConfigKey persist="true"><Variable name="Setting"/></ConfigKey>
          <ButtonState>LeftButton</ButtonState>
        </Connection>
      </PushButton>
    </Children>
  </WidgetGroup>
</Template>
