import { Square } from "lucide-react";
import { Button } from "@/components/ui/button";

interface ChatStopButtonProps {
  onStop: () => void;
}

export function ChatStopButton({ onStop }: ChatStopButtonProps) {
  return (
    <div className="flex justify-center py-2 border-t border-border">
      <Button
        variant="outline"
        size="sm"
        onClick={onStop}
        aria-label="Stop generating response"
        className="gap-1.5"
      >
        <Square className="h-3 w-3 fill-current" />
        Stop generating
      </Button>
    </div>
  );
}