import React from 'react';
import { observer } from 'mobx-react-lite';
import { CollectionSectionHeader } from '../CollectionSectionHeader';
function _GridSectionHeader(props) {
    const { sectionDescriptor, state } = props;
    const { gridBase: { layoutType }, } = state;
    const { section, range } = sectionDescriptor;
    const sectionWithCount = {
        ...section,
        count: range.length,
        hasMore: state.isLast && !state.gridSections.collection.fetchedLastPage,
    };
    return (React.createElement(CollectionSectionHeader, { dataHook: "grid-section-header", section: sectionWithCount, skin: layoutType === 'list' ? 'light' : 'neutral', biComponentType: "GridSections" }));
}
export const GridSectionHeader = observer(_GridSectionHeader);
//# sourceMappingURL=GridSectionHeader.js.map