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);
      }
    };
  }]);