import React from "react";
type PlaygroundProps = Record<string, unknown> & {
    children?: React.ReactNode;
};
type PlaygroundComponent = React.ElementType<PlaygroundProps>;
export interface ComponentExample {
    id: string;
    name: string;
    description?: string;
    category: string;
    component: PlaygroundComponent;
    props?: PlaygroundProps;
    code?: string;
}
export interface PlaygroundTab {
    id: string;
    label: string;
    content: React.ReactNode;
}
export interface GlassComponentPlaygroundProps {
    /** Available component examples */
    examples: ComponentExample[];
    /** Default selected example */
    defaultExample?: string;
    /** Whether to show code panel */
    showCode?: boolean;
    /** Whether to show props panel */
    showProps?: boolean;
    /** Custom tabs */
    customTabs?: PlaygroundTab[];
    /** Custom className */
    className?: string;
    /** Theme for the playground */
    theme?: "light" | "dark" | "auto";
    /** Code editor theme */
    codeTheme?: "light" | "dark";
}
export declare const GlassComponentPlayground: React.FC<GlassComponentPlaygroundProps>;
export declare const usePlaygroundExample: (component: PlaygroundComponent, defaultProps?: PlaygroundProps) => {
    props: PlaygroundProps;
    updateProp: (propName: string, value: unknown) => void;
    resetProps: () => void;
    component: PlaygroundComponent;
};
export declare const createPlaygroundExample: (id: string, name: string, component: PlaygroundComponent, options?: {
    category?: string;
    description?: string;
    defaultProps?: PlaygroundProps;
}) => ComponentExample;
export {};
//# sourceMappingURL=GlassComponentPlayground.d.ts.map