import * as react_jsx_runtime from 'react/jsx-runtime';
import { OptixFlowConfig } from '@page-speed/img';

interface ProjectBackgroundRevealItem {
    heading: string;
    subheading: string;
    description: string;
    image: string;
    url: string;
}
interface ProjectBackgroundRevealProps {
    className?: string;
    heading?: string;
    subheading?: string;
    description?: string;
    buttonText?: string;
    buttonHref?: string;
    projects?: ProjectBackgroundRevealItem[];
    optixFlowConfig?: OptixFlowConfig;
}
/**
 * ProjectBackgroundReveal - Full-width cards with background image reveal on hover.
 *
 * Features a header section with title, description, and CTA button, followed by stacked
 * full-width project cards. Each card uses the project image as a background with a dark
 * blur overlay that fades on hover to reveal the image. Cards display a numbered index,
 * title, subtitle, and description. On hover, a "View project" button slides in. The
 * overlay transitions from heavy blur to clear, creating a dramatic reveal effect. Perfect
 * for interior design portfolios, architecture showcases, or any project listing where
 * immersive imagery and detailed descriptions work together.
 */
declare function ProjectBackgroundReveal({ className, heading, subheading, description, buttonText, buttonHref, projects, }: ProjectBackgroundRevealProps): react_jsx_runtime.JSX.Element;

export { ProjectBackgroundReveal, type ProjectBackgroundRevealItem, type ProjectBackgroundRevealProps };
