import type { Extension } from "@codemirror/state";
export declare const containerStyles = "\n  :host {\n    display: block;\n    width: 100%;\n    height: 100%;\n  }\n  #editor {\n    width: 100%;\n    height: 100%;\n  }\n";
export declare const editorTheme: Extension;
export declare const tooltipStyles = "\n  .cm-tooltip {\n    background-color: #252526;\n    border: 1px solid #454545;\n    border-radius: 3px;\n    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.24);\n    font-family: 'Menlo', 'Monaco', 'Courier New', monospace;\n    font-size: 13px;\n    line-height: 1.5;\n    color: #d4d4d4;\n    max-width: 800px;\n    padding: 8px 10px;\n  }\n  .quick-info-signature {\n    padding-bottom: 8px;\n    border-bottom: 1px solid #454545;\n    margin-bottom: 8px;\n  }\n  .quick-info-documentation {\n    color: #989898;\n    font-size: 12px;\n  }\n  .quick-info-punctuation { color: #808080; }\n  .quick-info-text { color: #ce9178; }\n  .quick-info-keyword { color: #569cd6; }\n  .quick-info-aliasName { color: #4ec9b0; }\n  .quick-info-typeParameterName { color: #c586c0; }\n  .quick-info-space { display: inline-block; width: 4px; }\n  .quick-info-lineBreak { display: block; height: 1em; margin: 4px 0; }\n  .quick-info-operator { color: #d4d4d4; }\n  .quick-info-parameterName { color: #9cdcfe; }\n  .quick-info-propertyName { color: #9cdcfe; }\n";
