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

interface FooterSplitImageAccordionLink {
    /**
     * Link text
     */
    text: string;
    /**
     * Link URL
     */
    link?: string;
}
interface FooterSplitImageAccordionSection {
    /**
     * Section title
     */
    title: string;
    /**
     * Unique identifier
     */
    id: string;
    /**
     * Array of links in this section
     */
    items: FooterSplitImageAccordionLink[];
}
/**
 * Footer data configuration
 */
interface FooterSplitImageAccordionData {
    /** Hero image configuration */
    image: {
        src: string;
        alt?: string;
    };
    /** Logo configuration with light/dark variants */
    logo?: {
        src: string;
        /** Logo link URL */
        url?: string;
        /** Brand title */
        alt?: string;
    };
    /** Footer heading */
    heading?: string;
    /** Brand description */
    description?: string;
}
interface FooterSplitImageAccordionProps {
    /**
     * Newsletter title
     */
    newsletterTitle?: React.ReactNode;
    /**
     * Footer link sections
     */
    footerLinks?: FooterSplitImageAccordionSection[];
    /**
     * Social media links
     */
    socialLinks?: FooterSocialLink[];
    /**
     * Payment platform names to display icons for
     */
    paymentPlatforms?: PaymentPlatformName[];
    /**
     * Submenu links
     */
    submenuLinks?: FooterSplitImageAccordionLink[];
    /**
     * Footer data configuration
     */
    footerData?: FooterSplitImageAccordionData;
    /**
     * Brand/company name for the copyright notice
     */
    copyright?: string;
    /**
     * Section background variant
     */
    background?: SectionBackground;
    /**
     * Additional CSS classes for the container
     */
    containerClassName?: string;
    /**
     * Section spacing variant
     */
    spacing?: SectionSpacing;
    /**
     * Optional background pattern
     */
    pattern?: PatternName;
    /**
     * Pattern opacity (0-1)
     */
    patternOpacity?: number;
    /**
     * Additional CSS classes for the footer wrapper
     */
    className?: string;
    /**
     * Additional CSS classes for the grid layout
     */
    gridClassName?: string;
    /**
     * Additional CSS classes for the image column
     */
    imageColumnClassName?: string;
    /**
     * Additional CSS classes for the hero image
     */
    imageClassName?: string;
    /**
     * Additional CSS classes for the content column
     */
    contentColumnClassName?: string;
    /**
     * Additional CSS classes for the newsletter section
     */
    newsletterSectionClassName?: string;
    /**
     * Additional CSS classes for the newsletter title
     */
    newsletterTitleClassName?: string;
    /**
     * Additional CSS classes for the newsletter form
     */
    newsletterFormClassName?: string;
    /**
     * Additional CSS classes for the social links
     */
    socialLinksClassName?: string;
    /**
     * Additional CSS classes for the brand section
     */
    brandSectionClassName?: string;
    /**
     * Additional CSS classes for the logo
     */
    logoClassName?: string;
    /**
     * Additional CSS classes for the brand title
     */
    brandTitleClassName?: string;
    /**
     * Additional CSS classes for the brand description
     */
    brandDescriptionClassName?: string;
    /**
     * Additional CSS classes for the links grid section
     */
    linksGridClassName?: string;
    /**
     * Additional CSS classes for payment methods
     */
    paymentMethodsClassName?: 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;
    /**
     * Optional Optix Flow configuration for image optimization
     */
    optixFlowConfig?: OptixFlowConfig;
    /**
     * Full form engine setup and props
     */
    formEngineSetup?: FormEngineProps;
    /**
     * Submit button configuration
     */
    buttonAction?: ActionConfig;
    /**
     * Custom slot for the form (overrides form props)
     */
    formSlot?: React.ReactNode;
    /** Optional Section ID */
    sectionId?: string;
}
/**
 * Footer Split Image Accordion - A split-layout footer with large image,
 * newsletter signup, navigation links, and payment methods.
 *
 * Layout: Two-column split with image on left, content on right.
 * Key features: Large hero image, organized link sections, payment icons.
 * Best for: E-commerce sites, fashion brands, lifestyle businesses.
 *
 * The newsletter form is powered by `FormEngine` from `@page-speed/forms/integration`,
 * which handles validation, submission, error handling, and success states.
 *
 * @example
 * ```tsx
 * <FooterSplitImageAccordion
 *   newsletterTitle="Get updates and save 20%"
 *   formEngineSetup={{
 *     formConfig: { endpoint: "/api/subscribe", format: "json" },
 *   }}
 *   footerLinks={[
 *     { title: "Collections", id: "collections", items: [...] },
 *   ]}
 *   footerData={{
 *     image: { src: "/hero.jpg", alt: "Hero" },
 *     title: "Modern Fashion",
 *     description: "Quality clothing for everyone.",
 *   }}
 * />
 * ```
 */
declare function FooterSplitImageAccordion({ sectionId, newsletterTitle, footerLinks, socialLinks, paymentPlatforms, submenuLinks, footerData, copyright, background, containerClassName, spacing, pattern, patternOpacity, className, gridClassName, imageColumnClassName, imageClassName, contentColumnClassName, newsletterSectionClassName, newsletterTitleClassName, newsletterFormClassName, socialLinksClassName, brandSectionClassName, logoClassName, brandTitleClassName, brandDescriptionClassName, linksGridClassName, paymentMethodsClassName, bottomClassName, copyrightClassName, submenuLinksClassName, optixFlowConfig, formEngineSetup, buttonAction, formSlot, }: FooterSplitImageAccordionProps): react_jsx_runtime.JSX.Element;

export { FooterSocialLink, FooterSplitImageAccordion, type FooterSplitImageAccordionData, type FooterSplitImageAccordionLink, type FooterSplitImageAccordionProps, type FooterSplitImageAccordionSection, PaymentPlatformName };
