var app = app || {};
(function() {
    "use strict";
    app.TodoFooter = React.createClass({
        displayName: "TodoFooter",
        render: function render() {
            var activeTodoWord = app.Utils.pluralize( this.props.count, "item");
            var clearButton = null;
            if ( this.props.completedCount > 0 ) {
                clearButton = React.createElement("button", {
                    className: "clear-completed",
                    onClick: this.props.onClearCompleted
                }, "Clear completed");
            }
            var nowShowing = this.props.nowShowing;
            return React.createElement("footer", { className: "footer" },
                React.createElement("span", { className: "todo-count" },
                React.createElement("strong", null, this.props.count ),
                " ", activeTodoWord, " left"),
                React.createElement("ul", { className: "filters" }, React.createElement("li", null,
                React.createElement("a", {
                href: "#/",
                className: classNames({ selected: nowShowing === app.ALL_TODOS })
            }, "All") ), " ", React.createElement("li", null, React.createElement("a", {
                href: "#/active",
                className: classNames({ selected: nowShowing === app.ACTIVE_TODOS })
            }, "Active") ), " ", React.createElement("li", null, React.createElement("a", {
                href: "#/completed",
                className: classNames({ selected: nowShowing === app.COMPLETED_TODOS })
            }, "Completed") ) ), clearButton );
        }
    });
}());
