"use client";

import { ArrowDown } from "lucide-react";

/**
 * The "back to the newest turn" control both chat surfaces show once the
 * reader has scrolled away from the bottom. It hangs off the composer's top
 * edge (the composer wrap is its containing block) so it never reflows the
 * transcript or the composer, and it is a real button in document order.
 */
export function JumpToLatestButton({ onClick }: Readonly<{ onClick: () => void }>) {
  return (
    <div className="jump-to-latest">
      <button
        type="button"
        className="jump-to-latest__button"
        aria-label="跳到最新"
        onClick={onClick}
      >
        <ArrowDown aria-hidden="true" />
        跳到最新
      </button>
    </div>
  );
}