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

interface ProjectInteractiveHoverRevealItem {
    title: string;
    category: string;
    description: string;
    image: string;
    link: string;
}
interface ProjectInteractiveHoverRevealProps {
    className?: string;
    heading?: string;
    subheading?: string;
    projects?: ProjectInteractiveHoverRevealItem[];
    optixFlowConfig?: OptixFlowConfig;
}
/**
 * ProjectInteractiveHoverReveal - Three-column grid with expanded content on hover.
 *
 * Displays projects in a 3-column grid of tall cards with full-bleed images and gradient
 * overlays. In the default state, only category and title are visible at the bottom.
 * On hover, the card expands to show the full description and a "View Project" link with
 * arrow icon. The image scales up and the overlay darkens for emphasis. Perfect for
 * design portfolios, creative showcases, or any gallery where visual impact is primary
 * but detailed information should be accessible on demand.
 */
declare function ProjectInteractiveHoverReveal({ className, heading, subheading, projects, optixFlowConfig, }: ProjectInteractiveHoverRevealProps): react_jsx_runtime.JSX.Element;

export { ProjectInteractiveHoverReveal, type ProjectInteractiveHoverRevealItem, type ProjectInteractiveHoverRevealProps };
