@tanstack/table-devtools/dist/components/NoTableConnected.js

Devtools for TanStack Table.

import { useStyles } from "../styles/use-styles.js";
import { className, effect, insert, template } from "solid-js/web";

//#region src/components/NoTableConnected.tsx
var _tmpl$ = /*#__PURE__*/ template(`<div><div></div><div>No table is connected. Register a table with TanStack Table Devtools to inspect it here.`);
function NoTableConnected(props) {
	const styles = useStyles();
	return (() => {
		var _el$ = _tmpl$(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling;
		insert(_el$2, () => props.title);
		effect((_p$) => {
			var _v$ = styles().panelScroll, _v$2 = styles().sectionTitle, _v$3 = styles().rowModelItem;
			_v$ !== _p$.e && className(_el$, _p$.e = _v$);
			_v$2 !== _p$.t && className(_el$2, _p$.t = _v$2);
			_v$3 !== _p$.a && className(_el$3, _p$.a = _v$3);
			return _p$;
		}, {
			e: void 0,
			t: void 0,
			a: void 0
		});
		return _el$;
	})();
}

//#endregion
export { NoTableConnected };