'use client';

import { default as React } from 'react';
export interface SignInCardProps {
    /**
     * Card variant
     */
    variant?: "shadow" | "bordered" | "flat";
    /**
     * Custom className
     */
    className?: string;
    /**
     * Card padding
     */
    padding?: "none" | "sm" | "md" | "lg";
    /**
     * Card radius
     */
    radius?: "none" | "sm" | "md" | "lg";
    /**
     * Whether card has shadow
     */
    shadow?: "none" | "sm" | "md" | "lg";
    /**
     * Whether card is blurred
     */
    isBlurred?: boolean;
    /**
     * Sign-in methods to show
     */
    methods?: ("password" | "oauth" | "magic-link" | "passkey" | "sso")[];
    /**
     * Initial email value
     */
    email?: string;
    /**
     * Initial organization ID
     */
    organizationId?: string;
    /**
     * Redirect URL after successful sign-in
     */
    redirectUrl?: string;
    /**
     * Success callback
     */
    onSuccess?: (result: any) => void;
    /**
     * Error callback
     */
    onError?: (error: Error) => void;
    /**
     * Custom title
     */
    title?: string;
    /**
     * Custom subtitle
     */
    subtitle?: string;
    /**
     * Form size
     */
    size?: "sm" | "md" | "lg";
    /**
     * Whether to show branding
     */
    showBranding?: boolean;
    /**
     * Disabled state
     */
    disabled?: boolean;
    /**
     * Custom footer content
     */
    footer?: React.ReactNode;
    /**
     * Custom header content
     */
    header?: React.ReactNode;
    /**
     * Card background image
     */
    backgroundImage?: string;
    /**
     * Card background gradient
     */
    backgroundGradient?: string;
    /**
     * Animation on mount
     */
    animated?: boolean;
    /**
     * Card max width
     */
    maxWidth?: string | number;
    /**
     * Center the card
     */
    centered?: boolean;
    /**
     * Full height card
     */
    fullHeight?: boolean;
    /**
     * Show organization branding
     */
    showOrganizationBranding?: boolean;
    /**
     * Custom card header
     */
    cardHeader?: React.ReactNode;
    /**
     * Custom card footer
     */
    cardFooter?: React.ReactNode;
    /**
     * Hide card header
     */
    hideCardHeader?: boolean;
    /**
     * Hide card footer
     */
    hideCardFooter?: boolean;
}
export declare function SignInCard({ variant, className, padding, radius, shadow, isBlurred, methods, email, organizationId, redirectUrl, onSuccess, onError, title, subtitle, size, showBranding, disabled, footer, header, backgroundImage, backgroundGradient, animated, maxWidth, centered, fullHeight, showOrganizationBranding, cardHeader, cardFooter, hideCardHeader, hideCardFooter, }: SignInCardProps): import("react/jsx-runtime").JSX.Element;
/**
 * Bordered Sign In Card
 */
export declare function BorderedSignInCard(props: Omit<SignInCardProps, "variant">): import("react/jsx-runtime").JSX.Element;
/**
 * Flat Sign In Card
 */
export declare function FlatSignInCard(props: Omit<SignInCardProps, "variant">): import("react/jsx-runtime").JSX.Element;
/**
 * Compact Sign In Card
 */
export declare function CompactSignInCard(props: SignInCardProps): import("react/jsx-runtime").JSX.Element;
/**
 * Large Sign In Card
 */
export declare function LargeSignInCard(props: SignInCardProps): import("react/jsx-runtime").JSX.Element;
/**
 * Centered Sign In Card (for full-page layouts)
 */
export declare function CenteredSignInCard(props: Omit<SignInCardProps, "centered">): import("react/jsx-runtime").JSX.Element;
/**
 * Blurred Glass Sign In Card
 */
export declare function GlassSignInCard(props: SignInCardProps): import("react/jsx-runtime").JSX.Element;
/**
 * Gradient Sign In Card
 */
export declare function GradientSignInCard({ backgroundGradient, ...props }: SignInCardProps): import("react/jsx-runtime").JSX.Element;
/**
 * Minimal Sign In Card
 */
export declare function MinimalSignInCard(props: SignInCardProps): import("react/jsx-runtime").JSX.Element;
export interface BrandedSignInCardProps extends SignInCardProps {
    /**
     * Brand logo URL
     */
    logo?: string;
    /**
     * Brand name
     */
    brandName?: string;
    /**
     * Brand colors
     */
    brandColors?: {
        primary?: string;
        secondary?: string;
        accent?: string;
    };
    /**
     * Brand fonts
     */
    brandFonts?: {
        heading?: string;
        body?: string;
    };
}
export declare function BrandedSignInCard({ logo, brandName, brandColors, brandFonts, title, subtitle, className, cardHeader, ...props }: BrandedSignInCardProps): import("react/jsx-runtime").JSX.Element;
export declare function OrganizationSignInCard(props: SignInCardProps): import("react/jsx-runtime").JSX.Element;
export default SignInCard;
//# sourceMappingURL=sign-in-card.d.ts.map