firebase-admin-panel/lib/components/CollectionList.js

A customizable React admin panel for managing Firebase collections.

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
var _react = _interopRequireDefault(require("react"));
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
const CollectionList = _ref => {
  let {
    onSelectCollection,
    collections,
    className = "",
    itemClassName = ""
  } = _ref;
  return /*#__PURE__*/_react.default.createElement("div", {
    className: "p-4 bg-gray-800 text-white rounded-lg ".concat(className)
  }, /*#__PURE__*/_react.default.createElement("h2", {
    className: "text-lg font-semibold mb-4"
  }, "Collections"), collections.length > 0 ? /*#__PURE__*/_react.default.createElement("ul", null, collections.map(collection => /*#__PURE__*/_react.default.createElement("li", {
    key: collection,
    onClick: () => onSelectCollection(collection),
    className: "cursor-pointer p-2 hover:bg-gray-700 rounded-md ".concat(itemClassName)
  }, collection))) : /*#__PURE__*/_react.default.createElement("p", null, "No collections found."));
};
var _default = exports.default = CollectionList;