import * as React from 'react';
import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-qC2HCInM.js';
import { FormEngineProps } from '@page-speed/forms/integration';
import { I as ImageItem, A as ActionConfig, j as SocialLinkItem, O as OptixFlowConfig } from './blocks-DL92rOxr.js';
import 'react/jsx-runtime';
import 'class-variance-authority';
import '@page-speed/pressable';
import '@opensite/hooks/usePlatformFromUrl';

/**
 * Link item for the newsletter social link page
 */
interface NewsletterSocialLink extends ActionConfig {
    id?: string;
    iconName?: string;
}
/**
 * Social link for the newsletter social link page
 */
interface NewsletterSocialSocialLink extends SocialLinkItem {
    id?: string;
    iconName?: string;
}
/**
 * Props for the LinkPageNewsletterSocial component
 */
interface LinkPageNewsletterSocialProps {
    /**
     * Profile name displayed at the top
     */
    name?: React.ReactNode;
    /**
     * Optional bio or description
     */
    bio?: React.ReactNode;
    /**
     * Avatar image configuration
     */
    avatar?: ImageItem;
    /**
     * Avatar image URL (legacy)
     */
    avatarUrl?: string;
    /**
     * Custom slot for profile header content
     */
    profileSlot?: React.ReactNode;
    /**
     * Newsletter section heading
     */
    newsletterHeading?: React.ReactNode;
    /**
     * Newsletter section description
     */
    newsletterDescription?: React.ReactNode;
    /**
     * Full form engine setup and props
     */
    formEngineSetup?: FormEngineProps;
    /**
     * Submit button configuration
     */
    buttonAction?: ActionConfig;
    /**
     * Helper text below form
     */
    helperText?: React.ReactNode;
    /**
     * Custom slot for rendering the newsletter card
     */
    newsletterSlot?: React.ReactNode;
    /**
     * Custom slot for rendering form fields inside the newsletter card
     */
    formSlot?: React.ReactNode;
    /**
     * Array of links to display below the newsletter
     */
    links?: NewsletterSocialLink[];
    /**
     * Custom slot for rendering links (overrides links array)
     */
    linksSlot?: React.ReactNode;
    /**
     * Chevron icon displayed on link items
     */
    linkChevronIcon?: React.ReactNode;
    /**
     * Array of social media links
     */
    socialLinks?: NewsletterSocialSocialLink[];
    /**
     * Custom slot for rendering social links (overrides socialLinks array)
     */
    socialLinksSlot?: React.ReactNode;
    /**
     * Footer action configuration
     */
    footerAction?: ActionConfig;
    /**
     * Custom slot for rendering footer content
     */
    footerSlot?: React.ReactNode;
    /**
     * Additional CSS classes for the section
     */
    className?: string;
    /**
     * Additional CSS classes for the outer wrapper
     */
    containerClassName?: string;
    /**
     * Additional CSS classes for the inner content container
     */
    contentClassName?: string;
    /**
     * Additional CSS classes for the profile header
     */
    headerClassName?: string;
    /**
     * Additional CSS classes for the avatar wrapper
     */
    avatarClassName?: string;
    /**
     * Additional CSS classes for the name
     */
    nameClassName?: string;
    /**
     * Additional CSS classes for the bio
     */
    bioClassName?: string;
    /**
     * Additional CSS classes for the social links container
     */
    socialLinksClassName?: string;
    /**
     * Additional CSS classes for each social link
     */
    socialLinkClassName?: string;
    /**
     * Additional CSS classes for social icons
     */
    socialIconClassName?: string;
    /**
     * Additional CSS classes for the newsletter card
     */
    newsletterCardClassName?: string;
    /**
     * Additional CSS classes for the newsletter heading
     */
    newsletterHeadingClassName?: string;
    /**
     * Additional CSS classes for the newsletter description
     */
    newsletterDescriptionClassName?: string;
    /**
     * Additional CSS classes for the links container
     */
    linksClassName?: string;
    /**
     * Additional CSS classes for each link item
     */
    linkClassName?: string;
    /**
     * Additional CSS classes for link icons
     */
    linkIconClassName?: string;
    /**
     * Additional CSS classes for link labels
     */
    linkLabelClassName?: string;
    /**
     * Additional CSS classes for the link chevron
     */
    linkChevronClassName?: string;
    /**
     * Additional CSS classes for the footer
     */
    footerClassName?: string;
    /**
     * Background style for the section
     */
    background?: SectionBackground;
    /**
     * Vertical spacing for the section
     */
    spacing?: SectionSpacing;
    /**
     * Optional background pattern name or URL
     */
    pattern?: PatternName | undefined;
    /**
     * Pattern overlay opacity (0-1)
     */
    patternOpacity?: number;
    /**
     * Additional CSS classes for the pattern overlay
     */
    patternClassName?: string;
    /**
     * OptixFlow image optimization configuration
     */
    optixFlowConfig?: OptixFlowConfig;
    /** Optional Section ID */
    sectionId?: string;
}
/**
 * LinkPageNewsletterSocial - A link page with integrated newsletter signup form.
 *
 * This component provides a link page with:
 * - Profile section with avatar, name, and bio
 * - Newsletter signup form powered by FormEngine
 * - Links section below the newsletter
 * - Social media links
 * - Light and dark theme support
 *
 * The newsletter form is powered by `FormEngine` from `@page-speed/forms/integration`,
 * which handles validation, submission, error handling, and success states.
 *
 * @example
 * ```tsx
 * // Basic usage with FormEngine
 * <LinkPageNewsletterSocial
 *   name="Content Creator"
 *   bio="Weekly tips on growing your audience"
 *   newsletterHeading="Join my newsletter"
 *   formEngineSetup={{
 *     formConfig: { endpoint: "/api/subscribe", format: "json" },
 *   }}
 * />
 *
 * // With custom button action
 * <LinkPageNewsletterSocial
 *   name="Content Creator"
 *   formEngineSetup={{
 *     formConfig: { endpoint: "/api/subscribe" },
 *   }}
 *   buttonAction={{ label: "Subscribe Now", variant: "default" }}
 * />
 * ```
 */
declare function LinkPageNewsletterSocial({ sectionId, name, bio, avatar, avatarUrl, profileSlot, newsletterHeading, newsletterDescription, formEngineSetup, buttonAction, helperText, newsletterSlot, formSlot, links, linksSlot, linkChevronIcon, socialLinks, socialLinksSlot, footerAction, footerSlot, className, contentClassName, headerClassName, avatarClassName, nameClassName, bioClassName, socialLinksClassName, socialLinkClassName, socialIconClassName, newsletterCardClassName, newsletterHeadingClassName, newsletterDescriptionClassName, linksClassName, linkClassName, linkIconClassName, linkLabelClassName, linkChevronClassName, footerClassName, background, containerClassName, spacing, pattern, patternOpacity, patternClassName, optixFlowConfig, }: LinkPageNewsletterSocialProps): React.JSX.Element;

export { LinkPageNewsletterSocial, type LinkPageNewsletterSocialProps, type NewsletterSocialLink, type NewsletterSocialSocialLink };
