prototype(GesagtGetan.Swiper:Swiper.Container) < prototype(Neos.Fusion:Component) {
    small = false
    collection = ${[]}

    @if.hasCollection = ${Array.length(this.collection)}

    renderer = afx`
        <div class={'swiper-container swiper-type--image -no-transition-delay' + (props.small ? ' swiper-small' : '')}>
            <div class='swiper-wrapper'>
                <Neos.Fusion:Collection collection={props.collection} itemName='node' iterationName='iterator' @children='itemRenderer'>
                    <GesagtGetan.Swiper:Slide.Frontend />
                </Neos.Fusion:Collection>
            </div>
        </div>
    `
}
