prototype(GesagtGetan.Theme:Headline) < prototype(Neos.Neos:ContentComponent) {
    @styleguide {
        path = 'Content.Headline'
        description = 'Headline content element'
    }

    tagName = ${this.isFirstElement ? 'h1' : 'h2'}
    subTagName = ${'h' + (String.toInteger(String.substr(this.tagName, 1)) + 1)}
    class = GesagtGetan.Basic:NodeTypeName


    @if.render = GesagtGetan.Basic:RenderCondition {
        properties = 'title'
    }

    renderer = afx`
        <Neos.Fusion:Augmenter @children='content' fallbackTagName='header' class={props.class}>
            <GesagtGetan.Basic:Editable tagName={props.tagName} property='title' />
            <GesagtGetan.Basic:Editable tagName={props.subTagName} property='subtitle' />
        </Neos.Fusion:Augmenter>
    `
}