import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { Flex, Button, Text } from "@mantine/core";
import { IconDatabaseOff } from "@tabler/icons-react";
export var TableEmptyState = function (_a) {
    var tableName = _a.tableName, reloadFn = _a.reloadFn;
    return (_jsxs(Flex, { direction: "column", justify: "center", align: "center", my: 70, children: [_jsx(IconDatabaseOff, { size: 50, strokeWidth: 1.5, color: "gray" }), _jsxs(Text, { my: 25, size: "md", children: ["No ", tableName !== null && tableName !== void 0 ? tableName : "Records", " Found."] }), _jsx(Button, { onClick: reloadFn, children: "Reload" })] }));
};
