"use client";

import { RefreshCw } from "lucide-react";
import { useRouter } from "next/navigation";

export function OrderStatusRefreshButton() {
  const router = useRouter();

  return (
    <button
      type="button"
      onClick={() => router.refresh()}
      className="inline-flex items-center gap-2 rounded-xl border border-[var(--status-border)] bg-[var(--status-overlay)] px-3.5 py-2 text-xs font-bold text-[var(--status-text)] transition hover:bg-[color-mix(in_srgb,var(--status-icon)_10%,transparent)] hover:text-[var(--status-icon)] hover:border-[var(--status-icon)]"
      aria-label="Atualizar status"
    >
      <RefreshCw size={14} />
      Atualizar
    </button>
  );
}