"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
const html_1 = __importDefault(require("../../../../client/html"));
class Div extends html_1.default {
    constructor($props, $system) {
        super($props, $system, $system.api.document.createElement('div'), $system.style['div'], {}, {});
        const { className, innerText, tabIndex, title, draggable } = this.$props;
        if (className !== undefined) {
            this.$element.className = className;
        }
        if (innerText) {
            this.$element.innerText = innerText;
        }
        if (tabIndex !== undefined) {
            this.$element.tabIndex = tabIndex;
        }
        if (title) {
            this.$element.title = title;
        }
        if (draggable !== undefined) {
            this.$element.setAttribute('draggable', draggable.toString());
        }
    }
}
exports.default = Div;
//# sourceMappingURL=Component.js.map