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

interface ProjectFilterableGalleryItem {
    id: number;
    title: string;
    category: string;
    description: string;
    image: string;
    tags: string[];
}
interface ProjectFilterableGalleryProps {
    className?: string;
    projects?: ProjectFilterableGalleryItem[];
    categories?: string[];
    optixFlowConfig?: OptixFlowConfig;
}
/**
 * ProjectFilterableGallery - Two-column filterable gallery with category tabs and hover overlays.
 *
 * Features a horizontal row of filter buttons that animate the grid when clicked. Projects
 * display in a 2-column grid with 4:3 aspect ratio images. On hover, a dark overlay appears
 * with category label, title, and description sliding up. Filter transitions use smooth
 * scale and opacity animations. Shows empty state message when no items match the filter.
 * Ideal for photography portfolios, design galleries, or any collection that benefits from
 * category-based filtering.
 */
declare function ProjectFilterableGallery({ className, projects, categories, optixFlowConfig, }: ProjectFilterableGalleryProps): react_jsx_runtime.JSX.Element;

export { ProjectFilterableGallery, type ProjectFilterableGalleryItem, type ProjectFilterableGalleryProps };
