File size: 868 Bytes
9b906ea | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 | import { ArrowUp } from "lucide-react";
import { cn } from "#/utils/utils";
export interface ChatSendButtonProps {
buttonClassName: string;
handleSubmit: () => void;
disabled: boolean;
}
export function ChatSendButton({
buttonClassName,
handleSubmit,
disabled,
}: ChatSendButtonProps) {
return (
<button
type="button"
className={cn(
"flex items-center justify-center rounded-full border border-white size-8",
disabled
? "cursor-not-allowed border-[var(--oh-muted)]"
: "cursor-pointer hover:bg-white/10",
buttonClassName,
)}
data-name="arrow-up-circle-fill"
data-testid="submit-button"
onClick={handleSubmit}
disabled={disabled}
>
<ArrowUp
className="w-4 h-4"
color={disabled ? "var(--oh-muted)" : "white"}
/>
</button>
);
}
|