import template from "./Spin.html";

class Spin {

    state = {
        className: [],
        hasChildren: false,
    };

    constructor($element, $attrs, $controllers, $transclude) {
        this.state.className = ["ant-spin", "ant-spin-spinning"];

        if ($transclude()) {
            let len = $transclude().lenght;
            if (len > 0) {
                this.state.hasChildren = true;
            }
        }

        if (this.size === "small") {
            this.state.className.splice(1, 0, "ant-spin-sm");
        }

        if (this.size === "large") {
            this.state.className.splice(1, 0, "ant-spin-lg");
        }
    }

    render() {
        return template;
    }
}

Spin.propTypes = {
    size: PropTypes.string,
    spinning: PropTypes.boolean,
}