<template name='genderSwitcher'>
  <view class='gender-switcher-container'>
    <view class='row' bindtap='switchChannel' data-channel="1">
      <text class="{{currentChannelId==1 ? 'textSelected':'textNormal'}}">Men</text>
    </view>
    <view class='separator'></view>
    <view class='row' bindtap='switchChannel' data-channel="2">
      <text class="{{currentChannelId==2 ? 'textSelected':'textNormal'}}">Women</text>
    </view>
    <view class='separator'></view>
    <view class='row' bindtap='switchChannel' data-channel="3">
      <text class="{{currentChannelId==3 ? 'textSelected':'textNormal'}}">Kids</text>
    </view>
    <view class='bottomLine'></view>
  </view>
</template>