import type { ComponentSpec } from "../../schema/componentSchema";
import type { EditableNodeAttributes, SiteTheme } from "../../types";
import type { ComponentMeta } from "./componentMeta";
export type PreviewViewport = "desktop" | "tablet" | "mobile";
export type PreviewDensity = "compact" | "roomy";
export declare const THEME_PRESETS: Record<string, SiteTheme>;
interface ComponentShowcaseProps extends EditableNodeAttributes {
    name: string;
    spec?: ComponentSpec;
    meta?: ComponentMeta;
    themeName?: string;
    viewport?: PreviewViewport;
    density?: PreviewDensity;
    inline?: boolean;
}
export declare function ComponentShowcase({ name, spec: specProp, meta, themeName, viewport, density, inline, "data-node-id": dataNodeId, }: ComponentShowcaseProps): import("react/jsx-runtime").JSX.Element;
export {};
//# sourceMappingURL=ComponentShowcase.d.ts.map