<?xml version="1.0" encoding="utf-8"?>
<s:BorderContainer xmlns:fx="http://ns.adobe.com/mxml/2009" 
         xmlns:s="library://ns.adobe.com/flex/spark" 
         xmlns:mx="library://ns.adobe.com/flex/mx" width="100" height="100" backgroundColor="0xCFCFCF">
    <fx:Script>
        <![CDATA[
            import com.flexicious.nestedtreedatagrid.FlexDataGrid;
            
            import mx.controls.Alert;
            [Embed("/assets/images/edit.png")] 
            private var edit_img:Class;
            [Embed("/assets/images/delete.png")] 
            private var delete_img:Class;
            
            //exposing a data property will make the grid set it 
            public var data:Object;
            
            //exposing a grid property will make the grid set it 
            public var grid:Object;
        ]]>
    </fx:Script>
    <fx:Declarations>
        <!-- Place non-visual elements (e.g., services, value objects) here -->
    </fx:Declarations>
    <s:HGroup paddingLeft="3" paddingTop="3">
        <mx:Image source="{edit_img}"/>
        <s:Label text="Edit" click="Alert.show('Do the Edit ' + data.legalName);grid.hideTooltip()" useHandCursor="true"
                 buttonMode="true" mouseChildren="false" paddingTop="2"/>
    </s:HGroup>
    <s:HGroup paddingLeft="3" paddingTop="3">
        <mx:Image source="{delete_img}"/>
        <s:Label text="Delete" click="Alert.show('Do the delete '+ data.legalName);grid.hideTooltip()" useHandCursor="true"
                 buttonMode="true" mouseChildren="false" paddingTop="2"/>
    </s:HGroup>
    <s:layout>
        <s:VerticalLayout/>
    </s:layout>
</s:BorderContainer>