"use client"; import { RefreshCw } from "lucide-react"; interface RefreshButtonProps {  onRefresh: () => void;  loading?: boolean;  className?: string;} function RefreshButton({ onRefresh, loading = false, className = "" }: RefreshButtonProps) {  return (    <button      onClick={onRefresh}      disabled={loading}      className={`p-2 hover:bg-(--card-hover) rounded-lg transition-colors ${className}`}    >      <RefreshCw className={`h-4 w-4 text-(--muted-foreground) ${loading ? "animate-spin" : ""}`} />    </button>  );} export { RefreshButton };