import * as React from 'react';
import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-DmVsuoHE.js';
import { A as ActionConfig, O as OptixFlowConfig } from './blocks-XLPGq8A5.js';
import 'react/jsx-runtime';
import 'class-variance-authority';
import './button-variants-CdNtNOuP.js';
import 'class-variance-authority/types';

interface FeatureImageOverlayBadgeProps {
    /**
     * Badge content
     */
    badge?: React.ReactNode;
    /**
     * Main heading content
     */
    title?: React.ReactNode;
    /**
     * Supporting description content
     */
    description?: React.ReactNode;
    /**
     * Array of action configurations for CTA buttons
     */
    actions?: ActionConfig[];
    /**
     * Custom slot for rendering actions (overrides actions array)
     */
    actionsSlot?: React.ReactNode;
    /**
     * Image source URL
     */
    imageSrc?: string;
    /**
     * Image alt text
     */
    imageAlt?: string;
    /**
     * Custom slot for image (overrides imageSrc)
     */
    imageSlot?: React.ReactNode;
    /**
     * Avatar image URL
     */
    avatarSrc?: string;
    /**
     * Avatar badge text content
     */
    avatarBadgeText?: React.ReactNode;
    /**
     * Overlay title content
     */
    overlayTitle?: React.ReactNode;
    /**
     * Overlay link text content
     */
    overlayLinkText?: React.ReactNode;
    /**
     * Overlay link URL
     */
    overlayLinkUrl?: string;
    /**
     * onClick handler for overlay link
     */
    overlayLinkOnClick?: () => void;
    /**
     * Additional CSS classes for the section
     */
    className?: string;
    /**
     * Additional CSS classes for the container
     */
    containerClassName?: string;
    /**
     * Additional CSS classes for the grid
     */
    gridClassName?: string;
    /**
     * Additional CSS classes for the content area
     */
    contentClassName?: string;
    /**
     * Additional CSS classes for the badge
     */
    badgeClassName?: string;
    /**
     * Additional CSS classes for the title
     */
    titleClassName?: string;
    /**
     * Additional CSS classes for the description
     */
    descriptionClassName?: string;
    /**
     * Additional CSS classes for the actions container
     */
    actionsClassName?: string;
    /**
     * Additional CSS classes for the image wrapper
     */
    imageWrapperClassName?: string;
    /**
     * Additional CSS classes for the image
     */
    imageClassName?: string;
    /**
     * Additional CSS classes for the overlay
     */
    overlayClassName?: string;
    /**
     * Additional CSS classes for the avatar badge
     */
    avatarBadgeClassName?: string;
    /**
     * Additional CSS classes for the overlay title
     */
    overlayTitleClassName?: string;
    /**
     * OptixFlow image optimization configuration
     */
    optixFlowConfig?: OptixFlowConfig;
    /**
     * 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;
}
/**
 * Feature Image Overlay Badge - Two-column layout with content and an image
 * featuring gradient overlay with avatar badge and CTA.
 *
 * Layout: Two-column grid with content on left, image with overlay on right.
 * Key features: Gradient overlay, avatar badge, floating CTA, responsive layout.
 * Best for: Hero features, product highlights, team showcases.
 *
 * @example
 * ```tsx
 * <FeatureImageOverlayBadge
 *   badge="Modern Tactics"
 *   title="Make your site a true standout."
 *   description="Discover new web trends."
 *   actions={[{ label: "View Features", href: "#", variant: "default" }]}
 *   imageSrc="/feature.jpg"
 *   avatarSrc="/avatar.jpg"
 *   avatarBadgeText="Tailored for experts"
 *   overlayTitle="Elevate your platform"
 *   overlayLinkText="Explore all features"
 * />
 * ```
 */
declare function FeatureImageOverlayBadge({ badge, title, description, actions, actionsSlot, imageSrc, imageAlt, imageSlot, avatarSrc, avatarBadgeText, overlayTitle, overlayLinkText, overlayLinkUrl, overlayLinkOnClick, className, containerClassName, gridClassName, contentClassName, badgeClassName, titleClassName, descriptionClassName, actionsClassName, imageWrapperClassName, imageClassName, overlayClassName, avatarBadgeClassName, overlayTitleClassName, optixFlowConfig, background, spacing, pattern, patternOpacity, patternClassName, }: FeatureImageOverlayBadgeProps): React.JSX.Element;

export { FeatureImageOverlayBadge, type FeatureImageOverlayBadgeProps };
