import * as react_jsx_runtime from 'react/jsx-runtime';
import * as React from 'react';
import { PaymentPlatformName } from './payment-platform-icon.js';
import { F as FooterSocialLink } from './types-Cs1jk79n.js';
import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-Dud0DKXB.js';
import { O as OptixFlowConfig } from './blocks-DyouPohq.js';
import 'class-variance-authority';
import '@page-speed/pressable';
import '@opensite/hooks/usePlatformFromUrl';

interface FooterInfoCardsAccordionInfoItem {
    /**
     * Icon name in format: prefix/name
     */
    icon: string;
    /**
     * Info item title
     */
    title: string;
    /**
     * Info item text
     */
    text: string;
    /**
     * Optional link URL
     */
    link?: string;
}
interface FooterInfoCardsAccordionLink {
    /**
     * Link text
     */
    text: string;
    /**
     * Link URL
     */
    link?: string;
}
interface FooterInfoCardsAccordionSection {
    /**
     * Section title
     */
    title: string;
    /**
     * Unique identifier
     */
    id: string;
    /**
     * Array of links in this section
     */
    items: FooterInfoCardsAccordionLink[];
}
/**
 * Footer details configuration
 */
interface FooterInfoCardsAccordionDetails {
    /** Hero image configuration */
    image: {
        src: string;
        alt: string;
    };
    /** Logo configuration with light/dark variants */
    logo: {
        light: string;
        dark: string;
    };
    /** Logo link URL */
    logoUrl: string;
    /** Brand description text */
    description: string;
}
interface FooterInfoCardsAccordionProps {
    /**
     * Newsletter title
     */
    newsletterTitle?: React.ReactNode;
    /**
     * Newsletter description
     */
    newsletterDescription?: React.ReactNode;
    /**
     * Email input placeholder text
     */
    emailPlaceholder?: string;
    /**
     * Subscribe button text
     */
    subscribeText?: React.ReactNode;
    /**
     * Terms text before links
     */
    termsText?: React.ReactNode;
    /**
     * Terms of Use link text
     */
    termsLinkText?: React.ReactNode;
    /**
     * Terms of Use link URL
     */
    termsLinkUrl?: string;
    /**
     * Privacy Policy link text
     */
    privacyLinkText?: React.ReactNode;
    /**
     * Privacy Policy link URL
     */
    privacyLinkUrl?: string;
    /**
     * Info section items (contact cards)
     */
    infoItems?: FooterInfoCardsAccordionInfoItem[];
    /**
     * Footer link sections
     */
    footerLinks?: FooterInfoCardsAccordionSection[];
    /**
     * Social media links
     */
    socialLinks?: FooterSocialLink[];
    /**
     * Payment platform names to display icons for
     */
    paymentPlatforms?: PaymentPlatformName[];
    /**
     * Submenu links
     */
    submenuLinks?: FooterInfoCardsAccordionLink[];
    /**
     * Footer details configuration
     */
    footerDetails?: FooterInfoCardsAccordionDetails;
    /**
     * Brand/company name for the copyright notice
     */
    copyright?: string;
    /**
     * Additional CSS classes for the section wrapper
     */
    className?: string;
    /**
     * Additional CSS classes for the content wrapper
     */
    contentClassName?: string;
    /**
     * Additional CSS classes for the newsletter grid
     */
    newsletterGridClassName?: string;
    /**
     * Additional CSS classes for the newsletter image wrapper
     */
    newsletterImageClassName?: string;
    /**
     * Additional CSS classes for the newsletter content
     */
    newsletterContentClassName?: string;
    /**
     * Additional CSS classes for the newsletter title
     */
    newsletterTitleClassName?: string;
    /**
     * Additional CSS classes for the newsletter description
     */
    newsletterDescriptionClassName?: string;
    /**
     * Additional CSS classes for the newsletter form
     */
    newsletterFormClassName?: string;
    /**
     * Additional CSS classes for the info cards grid
     */
    infoCardsGridClassName?: string;
    /**
     * Additional CSS classes for info cards
     */
    infoCardClassName?: string;
    /**
     * Additional CSS classes for the brand/accordion grid
     */
    brandGridClassName?: string;
    /**
     * Additional CSS classes for the brand column
     */
    brandColumnClassName?: string;
    /**
     * Additional CSS classes for the logo
     */
    logoClassName?: string;
    /**
     * Additional CSS classes for the brand description
     */
    brandDescriptionClassName?: string;
    /**
     * Additional CSS classes for the accordion column
     */
    accordionColumnClassName?: string;
    /**
     * Additional CSS classes for the payment/social row
     */
    paymentSocialRowClassName?: string;
    /**
     * Additional CSS classes for payment methods
     */
    paymentMethodsClassName?: string;
    /**
     * Additional CSS classes for social links
     */
    socialLinksClassName?: string;
    /**
     * Additional CSS classes for the bottom section
     */
    bottomClassName?: string;
    /**
     * Additional CSS classes for the copyright
     */
    copyrightClassName?: string;
    /**
     * Additional CSS classes for submenu links
     */
    submenuLinksClassName?: string;
    /**
     * Section background variant
     */
    background?: SectionBackground;
    /**
     * Additional CSS classes for the container
     */
    containerClassName?: string;
    /**
     * Section spacing variant
     */
    spacing?: SectionSpacing;
    /**
     * Optional background pattern
     */
    pattern?: PatternName | undefined;
    /**
     * Pattern opacity (0-1)
     */
    patternOpacity?: number;
    /**
     * Optional Optix Flow configuration for image optimization
     */
    optixFlowConfig?: OptixFlowConfig;
    /** Optional Section ID */
    sectionId?: string;
}
/**
 * Footer Info Cards Accordion - A comprehensive footer with info cards,
 * newsletter, navigation links, payment methods, and social links.
 *
 * Layout: Hero image with newsletter, info cards grid, organized link sections.
 * Key features: Contact info cards, payment method icons, language selector.
 * Best for: E-commerce sites, service businesses, customer-focused brands.
 *
 * @example
 * ```tsx
 * <FooterInfoCardsAccordion
 *   newsletterTitle="Newsletter"
 *   newsletterDescription="Join for exclusive offers."
 *   infoItems={[
 *     { icon: "lucide/phone", title: "Call Us", text: "+1 555-1234" },
 *   ]}
 *   footerLinks={[
 *     { title: "Shop", id: "shop", items: [...] },
 *   ]}
 * />
 * ```
 */
declare function FooterInfoCardsAccordion({ sectionId, newsletterTitle, newsletterDescription, emailPlaceholder, subscribeText, termsText, termsLinkText, termsLinkUrl, privacyLinkText, privacyLinkUrl, infoItems, footerLinks, socialLinks, paymentPlatforms, submenuLinks, footerDetails, copyright, className, contentClassName, newsletterGridClassName, newsletterImageClassName, newsletterContentClassName, newsletterTitleClassName, newsletterDescriptionClassName, newsletterFormClassName, infoCardsGridClassName, infoCardClassName, brandGridClassName, brandColumnClassName, logoClassName, brandDescriptionClassName, accordionColumnClassName, paymentSocialRowClassName, paymentMethodsClassName, socialLinksClassName, bottomClassName, copyrightClassName, submenuLinksClassName, background, containerClassName, spacing, pattern, patternOpacity, optixFlowConfig, }: FooterInfoCardsAccordionProps): react_jsx_runtime.JSX.Element;

export { FooterInfoCardsAccordion, type FooterInfoCardsAccordionInfoItem, type FooterInfoCardsAccordionLink, type FooterInfoCardsAccordionProps, type FooterInfoCardsAccordionSection, FooterSocialLink, PaymentPlatformName };
