import { type ButtonHTMLAttributes, type ComponentProps, type ReactNode, type RefObject } from "react";
import type { useFetchAndPaginate } from "./hooks";
import { LinkExternal } from "./links";
export declare const Btn: ({ children, wrap, isSubmitting, type, className, ...props }: {
    children: ReactNode;
    wrap?: boolean | undefined;
    isSubmitting?: boolean | undefined;
    type?: ButtonHTMLAttributes<HTMLButtonElement>["type"];
    className?: ButtonHTMLAttributes<HTMLButtonElement>["className"];
} & Omit<ButtonHTMLAttributes<HTMLButtonElement>, "type" | "className">) => import("react/jsx-runtime").JSX.Element;
export declare const BtnLinkExternal: (props: ComponentProps<typeof LinkExternal> & {
    disabled?: boolean;
}) => import("react/jsx-runtime").JSX.Element;
export declare const BtnLinkInternal: import("react").ForwardRefExoticComponent<Omit<import("react-router-dom").LinkProps & import("react").RefAttributes<HTMLAnchorElement> & {
    disabled?: boolean;
}, "ref"> & import("react").RefAttributes<HTMLAnchorElement>>;
/**
 * A button component to navigate through paginated data (see `useFetchAndPaginate()`).
 */
export declare const BtnPrevNext: ({ data, onPageChange, scrollToRefOnPageChange, }: {
    data: ReturnType<typeof useFetchAndPaginate>;
    onPageChange?: () => void;
    scrollToRefOnPageChange?: RefObject<HTMLElement | null>;
}) => import("react/jsx-runtime").JSX.Element | null;