<View style="padding: 20px; font-family: Arial, sans-serif; background: #f0f2f5;">
  <Header value="entence Classification" size="" style="color: #333; margin-bottom: 20px;" />
  
  <Repeater on="$sentences" indexFlag="{{idx}}">
    <View style="display: flex; align-items: center; justify-content: space-between; margin-bottom: 15px; padding: 15px; border: 1px solid #ddd; border-radius: 8px; background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,0.05);">
      
      <!-- Left Side: The Sentence -->
      <View style="flex: 1; padding-right: 20px;">
        <Text name="text_{{idx}}" value="$sentences[{{idx}}].text" style="font-size: 16px; line-height: 1.5; color: #222;" />
      </View>
      
      <!-- Right Side: Positive/Negative Choices -->
      <View style="flex-shrink: 0; min-width: 200px;">
        <Choices name="sentiment_{{idx}}" toName="text_{{idx}}" choice="single" showInline="true">
          <Choice value="Positive" background="#4CAF50" />
          <Choice value="Negative" background="#F44336" />
        </Choices>
      </View>
      
    </View>
  </Repeater>
</View>
