import type { ReactNode } from "react";
import type { getProviderMetadata } from "../../authjs/utils/config";
import "./index.css";
export type SignInButtonOptions = {
    /**
     * Icon to display on the button
     *
     * @default
     * ```tsx
     * <img src={provider.iconUrl} alt={`Provider ${provider.name}`} />
     * ```
     */
    icon?: ReactNode | ((provider: ReturnType<typeof getProviderMetadata>) => ReactNode);
    /**
     * Text to display on the button
     *
     * @default
     * ```tsx
     * <>Sign in with <strong>{provider.name}</strong></>
     * ```
     */
    text?: ReactNode | ((provider: ReturnType<typeof getProviderMetadata>) => ReactNode);
};
export type SignInButtonProps = {
    provider: ReturnType<typeof getProviderMetadata>;
    icon?: ReactNode;
    text?: ReactNode;
};
/**
 * A button to sign in with a Auth.js provider
 */
export declare const SignInButton: ({ provider, icon, text, }: SignInButtonProps) => import("react").JSX.Element;