import template from "./InputSearch.html";
import style from "antd/lib/input/style/index.css";
angular
    .module("esNgAntd")
    .directive("esInputSearch", function ($compile, esNgAntd) {
        return {
            controllerAs: "esInputSearch",
            restrict: "E",
            transclude: true,
            replace: true,
            scope: {
                value: "@",
                placeholder: "@",
                onSearch: "&",
            },
            template: template,
            controller: function ($scope, $element) {
                this.getContext = function () {
                    return $scope;
                };

                $scope.state = {
                    value: null,
                };

                $scope.handleChange = function (event) {
                    $scope.state.value = event.target.value;
                };
            },
            link: function (
                $scope,
                $element,
                $attrs,
                $controllers,
                $transclude
            ) {
                esNgAntd.createStyle("ant-input", style);
            },
        };
    });