import type { FacetGroupDef } from '../../molecules/FacetPanel/FacetPanel.svelte';
import { type CatalogFilterState } from '../../../utils/filterParams.js';
import type { FilterFieldSchema } from '../../../utils/filterSchema.js';
export interface CatalogProduct {
    id: string;
    title: string;
    subtitle?: string;
    image?: string;
    price: number;
    compareAt?: number;
    currency?: string;
    badge?: string;
    rating?: number;
    reviews?: number;
    brand?: string;
    color?: string;
    tags?: string[];
}
interface CatalogPageProps {
    products?: CatalogProduct[];
    /** Schema JSON for automatic filter UI */
    filterSchema?: FilterFieldSchema[];
    /** @deprecated Prefer filterSchema */
    facetGroups?: FacetGroupDef[];
    state?: CatalogFilterState;
    title?: string;
    searchPlaceholder?: string;
    class?: string;
    onstatechange?: (state: CatalogFilterState) => void;
    onadd?: (id: string) => void;
}
declare const CatalogPage: import("svelte").Component<CatalogPageProps, {}, "state">;
type CatalogPage = ReturnType<typeof CatalogPage>;
export default CatalogPage;