aura-glass
Version:
A comprehensive glassmorphism design system for React applications with 142+ production-ready components
46 lines • 1.56 kB
TypeScript
import React from "react";
export interface ComponentExample {
id: string;
name: string;
description?: string;
category: string;
component: React.ComponentType<any>;
props?: Record<string, any>;
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: React.ComponentType<any>, defaultProps?: Record<string, any>) => {
props: Record<string, any>;
updateProp: (propName: string, value: any) => void;
resetProps: () => void;
component: React.ComponentType<any>;
};
export declare const createPlaygroundExample: (id: string, name: string, component: React.ComponentType<any>, options?: {
category?: string;
description?: string;
defaultProps?: Record<string, any>;
}) => ComponentExample;
//# sourceMappingURL=GlassComponentPlayground.d.ts.map