import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
import React from 'react';
import { ListSelection } from '../ListSelection/index.js';
import './index.scss';
const baseClass = 'group-by-header';
export const GroupByHeader = ({ collectionConfig, groupByFieldPath, groupByValue, heading })=>{
    return /*#__PURE__*/ _jsxDEV("header", {
        className: baseClass,
        children: [
            /*#__PURE__*/ _jsxDEV("h4", {
                className: `${baseClass}__heading`,
                "data-group-id": groupByValue,
                children: heading
            }, void 0, false, {
                fileName: "src/views/List/GroupByHeader/index.tsx",
                lineNumber: 18,
                columnNumber: 7
            }, this),
            /*#__PURE__*/ _jsxDEV(ListSelection, {
                collectionConfig: collectionConfig,
                label: heading,
                modalPrefix: groupByValue,
                where: {
                    [groupByFieldPath]: {
                        equals: groupByValue
                    }
                }
            }, void 0, false, {
                fileName: "src/views/List/GroupByHeader/index.tsx",
                lineNumber: 21,
                columnNumber: 7
            }, this)
        ]
    }, void 0, true, {
        fileName: "src/views/List/GroupByHeader/index.tsx",
        lineNumber: 17,
        columnNumber: 5
    }, this);
};

//# sourceMappingURL=index.js.map