import React from 'react';
import { useDataGrid } from '.';
import { RefreshCw } from 'lucide-react';

export const DataGridLoader = () => {
  return (
    <div className="fixed inset-0 bg-white/50 flex items-center justify-center z-50 text-muted-foreground px-4 py-2">
      <div className="bg-white flex items-center rounded-3xl">
        <div className="flex flex-col items-center p-5">
          <RefreshCw className="animate-spin h-8 w-8 text-slate-500 mb-2" />
          <span className="text-slate-500 font-medium">Refreshing data...</span>
        </div>
      </div>
    </div>
  );
};
