<?xml version="1.0" encoding="utf-8"?>
<mx:Application layout="vertical"
    xmlns:mx="http://www.adobe.com/2006/mxml"
    xmlns:controls="com.benclinkinbeard.controls.*"
    creationComplete="init()" viewSourceURL="srcview/index.html">
    
    <mx:Script>
        <![CDATA[
            import mx.collections.ArrayCollection;
            import com.benclinkinbeard.examples.ExampleRenderer;
            
            private function init():void
            {
                var arr:Array = new Array();
                arr.push( "Single line of text." );
                arr.push( "Two lines of text that is a bit longer to cause wrapping." );
                arr.push( "Another one liner." );
                arr.push( "Knock knock." );
                arr.push( "Who's there?" );
                arr.push( "This is some really long text with a couple of breaks in it so its actually 3 lines in total." );
                arr.push( "Are you really reading these?" );
                arr.push( "Making up fake text is boring." );
                arr.push( "Isn't it though? Maybe you should get some of that lorem ipsum stuff, heard its good." );
                
                list.dataProvider = arr;
            }
            
        ]]>
    </mx:Script>
    
    <mx:Canvas id="listWrapper" width="200" height="200" horizontalScrollPolicy="off">
        <controls:SmoothScrollingList
            id="list"
            width="100%" height="10"
            itemRenderer="com.benclinkinbeard.examples.ExampleRenderer"
            variableRowHeight="true"
            borderStyle="none"
            dragMoveEnabled="true" dragEnabled="true" dropEnabled="true" />
    </mx:Canvas>
    
</mx:Application>