production-evyos-systems-and-services-3/ServicesWeb/customer/src/components/custom/menu/menuEmptyState.tsx

'use client';

import { FC } from "react";

const MenuEmptyState: FC = () => {
    return (
        <div className="fixed top-24 p-5 left-0 right-0 w-80 border-emerald-150 border-r-2 overflow-y-auto h-[calc(100vh-6rem)]">
            <div className="flex justify-center items-center h-full">
                <div className="text-center text-gray-500 dark:text-gray-400">
                    <p className="text-sm">No menu items available</p>
                    <p className="text-xs mt-1">Please check your permissions or contact an administrator</p>
                </div>
            </div>
        </div>
    );
};

export default MenuEmptyState;