<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" viewSourceURL="srcview/index.html">
    
    <mx:Style source="styles.css" />
    
    <mx:Script>
        <![CDATA[
            import com.rxr.currents.util.Inflector;
            
            private function onSingularizeClick () : void
            {
                singularText.text = Inflector.singularize(pluralText.text);
            }

            private function onPluralizeClick () : void
            {
                pluralText.text = Inflector.pluralize(singularText.text);
            }
            
        ]]>
    </mx:Script>
    <mx:Panel title="Inflector" styleName="title" horizontalCenter="0" verticalCenter="0">
        <mx:Form>
            <mx:FormItem label="Singular">
                <mx:TextInput id="singularText" />
                    
            </mx:FormItem>
            <mx:FormItem label="Plural">
                <mx:TextInput id="pluralText" />
            </mx:FormItem>
        </mx:Form>
        <mx:ControlBar horizontalAlign="right">
            <mx:Button id="singularizeButton" label="Singularize" enabled="{pluralText.text.length > 2}" click="onSingularizeClick()" />
            <mx:Button id="pluralizeButton" label="Pluralize" enabled="{singularText.text.length > 2}" click="onPluralizeClick()" />
        </mx:ControlBar>
    </mx:Panel>
</mx:Application>