"use client";

import { dismissFlag, banUser } from "@/lib/actions/admin";

export function FlagActions({
  flagId,
  uploaderId,
  uploaderUsername,
}: {
  flagId: string;
  uploaderId: string;
  uploaderUsername: string;
}) {
  return (
    <div className="flex gap-3 text-sm">
      <button
        type="button"
        onClick={() => dismissFlag(flagId)}
        className="text-charcoal/60 hover:text-terracotta hover:underline"
      >
        Dismiss
      </button>
      <button
        type="button"
        onClick={() => {
          if (confirm(`Ban ${uploaderUsername}? They will no longer be able to log in.`)) {
            banUser(uploaderId);
          }
        }}
        className="text-terracotta hover:underline"
      >
        Ban uploader
      </button>
    </div>
  );
}