8 lines
504 B
TypeScript
8 lines
504 B
TypeScript
"use client";
|
|
import { useFormStatus } from "react-dom";
|
|
import { ArrowRight, LoaderCircle } from "lucide-react";
|
|
export function SearchSubmit({ label, icon = false }: { label: string; icon?: boolean }) {
|
|
const { pending } = useFormStatus();
|
|
return <button type="submit" aria-label={label} aria-busy={pending} className={icon ? undefined : "quiet-button"}>{pending ? <LoaderCircle size={18} className="animate-spin" aria-label="正在加载" /> : icon ? <ArrowRight size={18} /> : label}</button>;
|
|
}
|