import * as React from 'react';
import { SectionBackground, SectionSpacing } from './types.js';
import './blocks-XLPGq8A5.js';
import 'class-variance-authority';
import './button-variants-CdNtNOuP.js';
import 'class-variance-authority/types';

/**
 * Social link configuration with icon
 */
interface FooterCtaSocialLink {
    /** Icon name in format: prefix/name (e.g., "lucide/twitter") */
    icon: string;
    /** Link URL */
    url: string;
    /** Accessible label */
    label: string;
}
/**
 * Props for the FooterCtaSocial component
 */
interface FooterCtaSocialProps {
    /** Pre-heading text */
    preHeading?: React.ReactNode;
    /** Main heading text */
    heading?: React.ReactNode;
    /** Description text */
    description?: React.ReactNode;
    /** CTA button text */
    buttonText?: React.ReactNode;
    /** CTA button URL */
    buttonUrl?: string;
    /** Contact email */
    email?: string;
    /** Social links */
    socialLinks?: FooterCtaSocialLink[];
    /** Copyright text */
    copyright?: React.ReactNode;
    /** Attribution text */
    attributionText?: React.ReactNode;
    /** Attribution link URL */
    attributionHref?: string;
    /** Additional CSS classes for the section wrapper */
    className?: string;
    /** Additional CSS classes for the content wrapper */
    contentClassName?: string;
    /** Additional CSS classes for the main content container */
    containerClassName?: string;
    /** Additional CSS classes for the pre-heading wrapper */
    preHeadingWrapperClassName?: string;
    /** Additional CSS classes for the decorative lines */
    decorativeLineClassName?: string;
    /** Additional CSS classes for the pre-heading text */
    preHeadingClassName?: string;
    /** Additional CSS classes for the heading */
    headingClassName?: string;
    /** Additional CSS classes for the description */
    descriptionClassName?: string;
    /** Additional CSS classes for the CTA button */
    buttonClassName?: string;
    /** Additional CSS classes for the social links section */
    socialLinksClassName?: string;
    /** Additional CSS classes for social link items */
    socialLinkClassName?: string;
    /** Additional CSS classes for the email section */
    emailClassName?: string;
    /** Additional CSS classes for the bottom section */
    bottomClassName?: string;
    /** Additional CSS classes for the copyright */
    copyrightClassName?: string;
    /** Section background variant */
    background?: SectionBackground;
    /** Section spacing variant */
    spacing?: SectionSpacing;
    /** Optional background pattern */
    pattern?: string;
    /** Pattern opacity (0-1) */
    patternOpacity?: number;
}
/**
 * FooterCtaSocial - A centered CTA footer with decorative lines and social icons.
 *
 * Features a centered layout with decorative gradient lines, pre-heading text,
 * large heading, description, prominent CTA button, social media icons, and
 * contact email. Ideal for landing pages, marketing sites, and businesses
 * that want a conversion-focused footer with strong visual appeal.
 */
declare function FooterCtaSocial({ preHeading, heading, description, buttonText, buttonUrl, email, socialLinks, copyright, attributionText, attributionHref, className, contentClassName, containerClassName, preHeadingWrapperClassName, decorativeLineClassName, preHeadingClassName, headingClassName, descriptionClassName, buttonClassName, socialLinksClassName, socialLinkClassName, emailClassName, bottomClassName, copyrightClassName, background, spacing, pattern, patternOpacity, }: FooterCtaSocialProps): React.JSX.Element;

export { FooterCtaSocial, type FooterCtaSocialLink, type FooterCtaSocialProps };
