import * as React from 'react';

/**
 * Menu item configuration
 */
interface FooterBackgroundCardMenuItem {
    title: string;
    links: {
        text: string;
        url: string;
    }[];
}
/**
 * Contact information configuration
 */
interface FooterBackgroundCardContact {
    phone: string;
    email: string;
    location: string;
    timezone: string;
}
/**
 * Props for the FooterBackgroundCard component
 */
interface FooterBackgroundCardProps {
    /** Logo configuration */
    logo?: {
        url: string;
        src: string;
        alt: string;
        title: string;
    };
    /** Additional CSS classes */
    className?: string;
    /** Background image URL */
    backgroundImage?: string;
    /** Profile image URL */
    profileImage?: string;
    /** Tagline text */
    tagline?: string;
    /** Personal message text */
    personalMessage?: string;
    /** CTA button text */
    ctaText?: string;
    /** CTA button URL */
    ctaUrl?: string;
    /** Contact information */
    contact?: FooterBackgroundCardContact;
    /** Menu items */
    menuItems?: FooterBackgroundCardMenuItem[];
    /** Copyright text */
    copyright?: string;
    /** Bottom links */
    bottomLinks?: {
        text: string;
        url: string;
    }[];
    /** Optional Optix Flow configuration for @page-speed/img */
    optixFlowConfig?: {
        apiKey: string;
        compression?: number;
    };
}
/**
 * FooterBackgroundCard - A footer with background image and floating contact card.
 *
 * Features a full-width background image with a floating card containing profile image,
 * personal message, CTA button, navigation links, and contact information. Ideal for
 * creative professionals, agencies, portfolios, and businesses that want a visually
 * striking footer with a personal touch.
 */
declare function FooterBackgroundCard({ logo, className, backgroundImage, profileImage, tagline, personalMessage, ctaText, ctaUrl, contact, menuItems, copyright, bottomLinks, optixFlowConfig, }: FooterBackgroundCardProps): React.JSX.Element;

export { FooterBackgroundCard, type FooterBackgroundCardContact, type FooterBackgroundCardMenuItem, type FooterBackgroundCardProps };
