aura-glass
Version:
A comprehensive glassmorphism design system for React applications with 142+ production-ready components
51 lines • 1.75 kB
TypeScript
import React from 'react';
export type Language = 'javascript' | 'typescript' | 'python' | 'java' | 'cpp' | 'csharp' | 'go' | 'rust' | 'php' | 'ruby' | 'swift' | 'kotlin' | 'scala' | 'html' | 'css' | 'json' | 'xml' | 'yaml' | 'sql' | 'bash' | 'powershell' | 'dockerfile' | 'markdown' | 'plaintext';
export interface GlassCodeEditorProps {
/** Code content */
value?: string;
/** Language for syntax highlighting */
language?: Language;
/** Whether the editor is read-only */
readOnly?: boolean;
/** Placeholder text when empty */
placeholder?: string;
/** Font size */
fontSize?: number;
/** Number of lines to show */
lineNumbers?: boolean;
/** Whether to show minimap */
minimap?: boolean;
/** Whether to enable word wrap */
wordWrap?: boolean;
/** Tab size */
tabSize?: number;
/** Whether to enable auto-completion */
autoComplete?: boolean;
/** Theme for syntax highlighting */
theme?: 'light' | 'dark' | 'auto';
/** Maximum height */
maxHeight?: string;
/** Minimum height */
minHeight?: string;
/** Custom className */
className?: string;
/** Change handler */
onChange?: (value: string) => void;
/** Focus handler */
onFocus?: () => void;
/** Blur handler */
onBlur?: () => void;
/** Mount handler */
onMount?: (editor: any) => void;
}
export declare const GlassCodeEditor: React.FC<GlassCodeEditorProps>;
export declare const GlassCodeEditorWithFiles: React.FC<{
files: {
name: string;
content: string;
language: Language;
}[];
onFileChange?: (filename: string, content: string) => void;
className?: string;
}>;
//# sourceMappingURL=GlassCodeEditor.d.ts.map