import { LanguageFn } from 'highlight.js';
export interface ChangeEvent extends Event {
    detail: Record<string, any>;
}
export interface PopupStyle {
    backgroundColor: string;
    borderColor: string;
    textColor: string;
    inputBorderColor: string;
}
export interface CustomRenderingProps {
    html: any;
    key: string;
    config: PlaceholderConfig;
    isBgLight: boolean;
    popupStyle: PopupStyle;
}
export interface PlaceholderConfig {
    type: 'boolean' | 'string' | 'number' | 'integer' | 'comment' | 'quote' | 'deletion' | 'name' | 'regexp' | 'selector-class' | 'selector-id' | 'tag' | 'template-variable' | 'variable' | 'built_in' | 'link' | 'literal' | 'meta' | 'params' | 'type' | 'attribute' | 'addition' | 'bullet' | 'symbol' | 'section' | 'title' | 'keyword' | 'selector-tag' | 'emphasis';
    value: boolean | string | number;
    formatValue?: (input: any) => any;
    animation?: 'background' | 'underline';
    isEditable?: boolean;
    knob?: 'boolean' | 'string' | 'number' | 'integer' | 'select' | 'date' | 'time' | 'datetime-local' | 'range' | 'color';
    min?: number;
    max?: number;
    options?: (boolean | string | number)[];
    shouldValidateJson?: true;
    title?: string;
    description?: string;
    customPopupPayload?: any;
    renderPopup?: (props: CustomRenderingProps) => any;
    renderDescription?: (props: CustomRenderingProps) => any;
}
export interface AnnotativeCodeFull {
    themeCss: string;
    content: string;
    placeholder: Record<string, PlaceholderConfig>;
    placeholderMask?: string;
    encloser?: string;
    styleMap?: Record<string, string>;
    handleChange?: (detail: Record<string, any>) => any;
}
export interface AnnotativeCodeFullElement extends HTMLElement, AnnotativeCodeFull {
}
export interface AnnotativeCode extends AnnotativeCodeFull {
    languageFn: LanguageFn;
}
export interface AnnotativeCodeElement extends HTMLElement, AnnotativeCode {
}
//# sourceMappingURL=types.d.ts.map