import React, { Component } from 'react';
import { View } from 'react-native';
import { CMSBannerCarousel } from './CMSBannerCarousel';
export class Shelf extends Component {
    render() {
        const { children, provider, group, identifier, carouselHeight, topCarouselProps, bottomCarouselProps } = this.props;
        const tCarouselProps = topCarouselProps || {
            height: carouselHeight,
            showsPagination: false
        };
        const bCarouselProps = bottomCarouselProps || {
            height: carouselHeight,
            showsPagination: false
        };
        return (<View>
        <CMSBannerCarousel cmsProviderManagementConfig={provider} cmsProviderGroup={group} cmsProviderSlot='Banner-Top' cmsProviderIdentifier={identifier} carouselProps={tCarouselProps}/>
        {children}
        <CMSBannerCarousel cmsProviderManagementConfig={provider} cmsProviderGroup={group} cmsProviderSlot='Banner-Bottom' cmsProviderIdentifier={identifier} carouselProps={bCarouselProps}/>
      </View>);
    }
}
//# sourceMappingURL=Shelf.js.map