'use client';
import { jsxDEV as _jsxDEV, Fragment as _Fragment } from "react/jsx-dev-runtime";
import React from 'react';
import { ContextFolderFileCard } from '../FolderFileCard/index.js';
import './index.scss';
const baseClass = 'item-card-grid';
export function ItemCardGrid({ type, items, subfolderCount, title }) {
    return /*#__PURE__*/ _jsxDEV(_Fragment, {
        children: [
            title && /*#__PURE__*/ _jsxDEV("p", {
                className: `${baseClass}__title`,
                children: title
            }, void 0, false, {
                fileName: "src/elements/FolderView/ItemCardGrid/index.tsx",
                lineNumber: 28,
                columnNumber: 17
            }, this),
            /*#__PURE__*/ _jsxDEV("div", {
                className: baseClass,
                children: !items || items?.length === 0 ? null : items.map((item, _index)=>{
                    const index = _index + (subfolderCount || 0);
                    const { itemKey } = item;
                    return /*#__PURE__*/ _jsxDEV(ContextFolderFileCard, {
                        index: index,
                        item: item,
                        type: type
                    }, itemKey, false, {
                        fileName: "src/elements/FolderView/ItemCardGrid/index.tsx",
                        lineNumber: 36,
                        columnNumber: 22
                    }, this);
                })
            }, void 0, false, {
                fileName: "src/elements/FolderView/ItemCardGrid/index.tsx",
                lineNumber: 29,
                columnNumber: 7
            }, this)
        ]
    }, void 0, true);
}

//# sourceMappingURL=index.js.map