<?xml version="1.0" encoding="utf-8"?>
<mx:Application 
    xmlns:components="components.*"
    xmlns:mx="http://www.adobe.com/2006/mxml" 
    layout="absolute" 
    horizontalScrollPolicy="off"
    verticalScrollPolicy="off"
    backgroundColor="#FFFFFF">

    <mx:Style source="styles.css" />

    <components:PaintCanvas 
        id="paintCanvas"
        width="100%" height="100%" 
        color="{settings.paintColor }"
        thickness="{settings.thickness }"
        fgColor="{settings.fgColor }"
        bgColor="{settings.bgColor }"
        gridSpacing="{settings.gridSpacing }"
        drawGrid="{settings.drawGrid }"
        />
        
    <components:SettingsPanel 
        creationCompleteEffect="Fade"
        id="settings"  x="10" y="10"
        clear="paintCanvas.clear()" />

</mx:Application>