goobs-frontend
Version:
A comprehensive React-based libary for building modern web applications
57 lines • 2.08 kB
TypeScript
import { default as React } from 'react';
export interface CodeCopyTheme {
/** Base container styling */
container: React.CSSProperties;
/** Header section styling */
header: React.CSSProperties;
/** Language indicator styling */
langIndicator: React.CSSProperties;
/** Language glyph styling (sacred theme only) */
langGlyph: React.CSSProperties;
/** Language text styling */
langText: React.CSSProperties;
/** Code block container styling */
codeBlock: React.CSSProperties;
/** Line numbers section styling */
lineNumbers: React.CSSProperties;
/** Line numbers glyph styling (sacred theme only) */
lineNumbersGlyph: React.CSSProperties;
/** Individual line number styling */
lineNumber: React.CSSProperties;
/** Pre element styling */
pre: React.CSSProperties;
/** Sacred shimmer effect styling */
shimmer: React.CSSProperties;
/** Sacred decorative glyph styling */
glyph: React.CSSProperties;
}
export interface CodeCopyStyles {
/** Theme selection: light, dark, or sacred */
theme?: 'light' | 'dark' | 'sacred';
/** Whether the component is disabled */
disabled?: boolean;
/** Custom container background color */
containerBackground?: string;
/** Custom header background color */
headerBackground?: string;
/** Custom code block background color */
codeBackground?: string;
/** Custom text color */
textColor?: string;
/** Custom border color */
borderColor?: string;
/** Custom border radius */
borderRadius?: string;
/** Custom font family for code */
fontFamily?: string;
/** Custom font size for code */
fontSize?: string;
/** Custom line height for code */
lineHeight?: string;
/** Whether to show line numbers */
showLineNumbers?: boolean;
/** Custom animation duration for sacred theme */
animationDuration?: string;
}
export declare const getCodeCopyStyles: (styles?: CodeCopyStyles, isDisabled?: boolean) => CodeCopyTheme;
//# sourceMappingURL=codecopy.d.ts.map