// RefreshButton.tsx
import { RefreshIcon } from "../helper/icons";

interface RefreshButtonProps {
  onRefresh: () => void;
}

export const RefreshButton = ({ onRefresh }: RefreshButtonProps) => (
  <div className="flex items-center gap-2">
    <button
      onClick={onRefresh}
      className="flex items-center gap-2 px-3 py-2 rounded-lg bg-gray-100 hover:bg-gray-200 dark:bg-gray-700 dark:hover:bg-gray-600 dark:text-brand-300 text-brand-500 transition-colors"
      title="Refresh connector status"
    >
      <RefreshIcon />
      <span className="hidden sm:inline text-sm font-medium">Refresh</span>
    </button>
  </div>
);

export default RefreshButton;