How can we create state indicator arrow color of devexpress in xaml?

See more:

WPF

DevExpress

IF the grid value is positive the arrow should be Green in Colour If it is Negative the Arrow Should be Red in Colour.

<DataTemplate x:Key="sellRateStatusIndicator">
           <StackPanel Orientation="Horizontal">
               <dxga:StateIndicatorControl x:Name="arrowStateIndicatorControl" StateIndex="{Binding Path=RowData.Row.SellRateStatus}" Width="20" Height="20">
                   <dxga:StateIndicatorControl.Model>
                       <dxga:ArrowStateIndicatorModel  Background="Gray" Foreground="Aqua"/>
                   </dxga:StateIndicatorControl.Model>
               </dxga:StateIndicatorControl>
               <TextBlock x:Name="txtBlkRecordStatus" VerticalAlignment="Center" Text="{Binding Path=RowData.Row.SellingRate, Mode=OneWay}"></TextBlock>
           </StackPanel>
       </DataTemplate>

<dxg:gridcolumn fieldname="SellingRate" header="Sell Rate" celltemplate="{StaticResource sellRateStatusIndicator}" width="80" xmlns:dxg="#unknown">

What I have tried:

<dxg:gridcolumn fieldname="SellingRate" header="Sell Rate" celltemplate="{StaticResource sellRateStatusIndicator}" width="80" xmlns:dxg="#unknown">