import {ExComponent} from '../ExComponent.js'
import {Attribute, Component, Element, Renders} from '../decorators.js'
@Component('ex-modal')
export class ModalComponent extends ExComponent {
protected static styles = `
`
protected static html = `
`
@Attribute()
public header = ''
@Renders()
public shown = false
@Element('h4.modal-title')
protected headerEl!: HTMLHeadingElement
render(): void {
super.render()
this.headerEl.innerText = this.header
this.style.display = this.shown ? 'unset' : 'none'
}
}