@pagamio/frontend-commons-lib
Version:
Pagamio library for Frontend reusable components like the form engine and table container
7 lines (6 loc) • 785 B
JavaScript
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { MdOutlineFolder } from 'react-icons/md';
const EmptyState = ({ title }) => {
return (_jsxs("div", { className: "flex flex-col items-center justify-center rounded-lg border border-gray-300 bg-gray-50 p-8 text-center", children: [_jsx("div", { className: "mb-4 flex h-32 w-32 items-center justify-center", children: _jsx(MdOutlineFolder, { className: "h-full w-full text-gray-400" }) }), _jsxs("h2", { className: "mb-2 text-lg font-semibold text-gray-800", children: ["No ", title, " Data Found"] }), _jsxs("p", { className: "text-gray-600", children: ["We couldn't find any ", title.toLowerCase(), " data at this moment. Please try again later or adjust your filters."] })] }));
};
export default EmptyState;