"use strict";

angular.module("vocabulary")
    .component("letterSelector", {
        templateUrl: "/js/redesign-angular/wordLists/letter-selector.html",
        controller: "LetterSelectorController",
        bindings: {
            topicId: '<',
            selectedLetter: '<?',
            rootState: '<?'
        }
    })
    .controller("LetterSelectorController",
        [function () {
            var ctrl = this;
            ctrl.letters = ["A", "B", "C", "D", "E", "F", "G", "H", "I", "J", "K", "L", "M", "N", "O", "P", "Q", "R", "S", "T", "U", "V", "W", "X", "Y", "Z"];

            ctrl.letterIsSelected = function (letter) {
                return ctrl.selectedLetter === letter;
            }
        }]);