import style from "antd/lib/tag/style/index.css";
import template from "./CheckableTag.html";
angular.module("esNgAntd").directive("antdCheckableTag", ["esNgAntd", function (esNgAntd) {
  return {
    template: template,
    restrict: "E",
    replace: true,
    transclude: true,
    scope: {
      checked: "=",
      onChange: "&"
    },
    controller: function ($scope) {
      $scope.handleClick = function () {
        $scope.onChange({
          checked: !($scope.checked === true)
        });
      };
    },
    link: function ($scope) {
      esNgAntd.createStyle("ant-tag", style);
    }
  };
}]);