import React from "react";
import type * as std from "../../law/std";
import type { HTMLComponentProps } from "../common/html";
export declare const HTMLControlRunCSS = "\n\n.control-parentheses\n{\n    transition: background-color 0.3s;\n}\n\n.control-parentheses:hover,\n.paragraph-item-Paragraph:hover .control-parentheses\n{\n    background-color: hsla(60, 100%, 50%, 0.1);\n}\n\n.control-parentheses[data-parentheses_depth=\"1\"]:hover,\n.paragraph-item-Paragraph:hover .control-parentheses[data-parentheses_depth=\"1\"]\n{\n    background-color: hsla(60, 100%, 50%, 0.1);\n}\n\n.control-parentheses[data-parentheses_depth=\"2\"]:hover,\n.paragraph-item-Paragraph:hover .control-parentheses[data-parentheses_depth=\"2\"]\n{\n    background-color: hsla(30, 100%, 50%, 0.1);\n}\n\n.control-parentheses[data-parentheses_depth=\"3\"]:hover,\n.paragraph-item-Paragraph:hover .control-parentheses[data-parentheses_depth=\"3\"]\n{\n    background-color: hsla(0, 100%, 50%, 0.1);\n}\n\n.control-parentheses[data-parentheses_depth=\"4\"]:hover,\n.paragraph-item-Paragraph:hover .control-parentheses[data-parentheses_depth=\"4\"]\n{\n    background-color: hsl(330, 100%, 50%, 0.1);\n}\n\n.control-parentheses[data-parentheses_depth=\"5\"]:hover,\n.paragraph-item-Paragraph:hover .control-parentheses[data-parentheses_depth=\"5\"]\n{\n    background-color: hsl(300, 100%, 50%, 0.1);\n}\n\n.control-parentheses[data-parentheses_depth=\"6\"]:hover,\n.paragraph-item-Paragraph:hover .control-parentheses[data-parentheses_depth=\"6\"]\n{\n    background-color: hsl(270, 100%, 50%, 0.1);\n}\n\n.control-start-parenthesis,\n.control-end-parenthesis\n{\n    border: 1px solid transparent;\n    margin: -1px;\n    transition: border-color 0.3s;\n}\n\n.control-parentheses:hover\n    > .control-start-parenthesis,\n.control-parentheses:hover\n    > .control-end-parenthesis\n{\n    border-color: gray;\n}\n\n.control-mismatch-start-parenthesis {\n    color: red;\n}\n\n.control-mismatch-end-parenthesis {\n    color: red;\n}\n";
export interface HTMLControlRunProps {
    el: std.__EL;
}
export declare const HTMLControlRun: React.FC<HTMLControlRunProps & HTMLComponentProps> & {
    componentID: "HTMLControlRun";
};