"use client";

import { Button } from "@/components/ui/button";
import { Card, CardContent } from "@/components/ui/card";
import { Trash2 } from "lucide-react";

interface AccountBulkActionsProps {
  selectedCount: number;
  onDelete: () => void;
}

export function AccountBulkActions({
  selectedCount,
  onDelete,
}: AccountBulkActionsProps) {
  if (selectedCount === 0) return null;

  return (
    <Card className="bg-destructive/5 border-destructive/20">
      <CardContent className="py-3">
        <div className="flex items-center gap-4">
          <span className="text-sm font-medium">
            {selectedCount} compte{selectedCount > 1 ? "s" : ""} sélectionné
            {selectedCount > 1 ? "s" : ""}
          </span>
          <Button size="sm" variant="destructive" onClick={onDelete}>
            <Trash2 className="w-4 h-4 mr-1" />
            Supprimer
          </Button>
        </div>
      </CardContent>
    </Card>
  );
}