import { __decorate } from "tslib";
import { html, LitElement } from "lit";
import { property } from "lit/decorators.js";
export var DividerType;
(function (DividerType) {
    DividerType["full"] = "full";
    DividerType["inset"] = "inset";
    DividerType["middle"] = "middle";
})(DividerType || (DividerType = {}));
/**
 * A divider element.
 */
export default class UiDivider extends LitElement {
    constructor() {
        super();
        /**
         * Whether to render the divider as a vertical separation.
         * @attribute
         */
        this.vertical = false;
        this.type = DividerType.full;
    }
    connectedCallback() {
        super.connectedCallback();
        if (!this.hasAttribute('role')) {
            this.setAttribute('role', 'presentation');
        }
    }
    render() {
        return html `<div class="container"></div>`;
    }
}
__decorate([
    property({ type: String, reflect: true })
], UiDivider.prototype, "type", void 0);
__decorate([
    property({ type: Boolean, reflect: true })
], UiDivider.prototype, "vertical", void 0);
//# sourceMappingURL=UiDivider.element.js.map