<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
               xmlns:s="library://ns.adobe.com/flex/spark"
               xmlns:mx="library://ns.adobe.com/flex/halo"
               xmlns:layouts="com.mrinalwadhwa.layouts.*"
               viewSourceURL="srcview/index.html">

    <fx:Script>
        <![CDATA[
            import mx.graphics.SolidColorStroke;
            import spark.primitives.Rect;

            protected function buttonClickHandler(event:MouseEvent):void
            {
                var r:Rect = new Rect();
                r.stroke = new SolidColorStroke(0x9Bc5dc);
                container.addElement(r);
            }
        ]]>
    </fx:Script>

    <s:Button label="Add Rectangle"
              top="0"
              horizontalCenter="0"
              click="buttonClickHandler(event)" />


    <s:Group id="container"
             width="600" height="300"
             horizontalCenter="0" verticalCenter="0">
        <s:layout>
            <layouts:ConcentricLayout horizontalGap="5"
                                      verticalGap="5" />
        </s:layout>

        <s:Rect>
            <s:stroke>
                <s:SolidColorStroke color="#9Bc5dc" />
            </s:stroke>
        </s:Rect>
        <s:Rect>
            <s:stroke>
                <s:SolidColorStroke color="#9Bc5dc" />
            </s:stroke>
        </s:Rect>
        <s:Rect>
            <s:stroke>
                <s:SolidColorStroke color="#9Bc5dc" />
            </s:stroke>
        </s:Rect>
    </s:Group>

</s:Application>