import { Plus, RefreshCw } from "lucide-react";
import { useRouter } from "next/navigation";
import { BUTTON_STYLES } from "@/constants/button-styles";

interface OtherAssetActionsProps {
  loading: boolean;
  onRefresh: () => void;
}

export const OtherAssetActions = ({ loading, onRefresh }: OtherAssetActionsProps) => {
  const router = useRouter();

  const handleRedirect = () => {
    router.push("/alternativeinvest/otherassets/form");
  };

  return (
    <>
      <button
        onClick={handleRedirect}
        disabled={loading}
        className={BUTTON_STYLES.action(loading)}
      >
        <Plus size={18} />
        {loading ? "Loading..." : "Add Asset"}
      </button>

      <button
        onClick={onRefresh}
        disabled={loading}
        className={BUTTON_STYLES.action(loading)}
      >
        <RefreshCw size={16} className={loading ? "animate-spin" : ""} />
        {loading ? "Refreshing..." : "Refresh"}
      </button>
    </>
  );
};