import { type HTMLAttributes, type MouseEventHandler, type ReactNode, type Ref } from 'react';
import { type CssLength } from '../../../utils/css';
export type FancyFadingFooterLink = {
    label: string;
    href?: string;
    target?: string;
    rel?: string;
    onClick?: MouseEventHandler<HTMLAnchorElement | HTMLButtonElement>;
};
export type FancyFadingFooterColumn = {
    title?: string;
    links: FancyFadingFooterLink[];
};
export type FancyFadingFooterSocialLink = {
    label: string;
    href: string;
    icon?: ReactNode;
    target?: string;
    rel?: string;
};
export type FancyFadingFooterProps = Omit<HTMLAttributes<HTMLElement>, 'children'> & {
    brand?: ReactNode;
    tagline?: ReactNode;
    copyright?: ReactNode;
    columns?: FancyFadingFooterColumn[];
    socialLinks?: FancyFadingFooterSocialLink[];
    minHeight?: CssLength;
    revealOffset?: CssLength;
    blur?: CssLength;
    background?: string;
    fadeColor?: string;
    cardBackground?: string;
    textColor?: string;
    mutedColor?: string;
    accentColor?: string;
    fontFamily?: string;
    backdrop?: boolean;
    brandClassName?: string;
    columnClassName?: string;
    ref?: Ref<HTMLElement>;
};
export declare const FancyFadingFooter: ({ brand, tagline, copyright, columns, socialLinks, minHeight, revealOffset, blur, background, fadeColor, cardBackground, textColor, mutedColor, accentColor, fontFamily, backdrop, brandClassName, columnClassName, className, style, ref, ...props }: FancyFadingFooterProps) => import("react/jsx-runtime").JSX.Element;