Files
redash/client/app/components/AceEditorInput.jsx
Gabriel Dutra f20a020003 Use AceEditor for Query Snippets (#3973)
Co-Authored-By: Ran Byron <ranbena@gmail.com>
2019-07-17 13:47:31 -03:00

23 lines
476 B
JavaScript

import React, { forwardRef } from 'react';
import AceEditor from 'react-ace';
import './AceEditorInput.less';
function AceEditorInput(props, ref) {
return (
<div className="ace-editor-input">
<AceEditor
ref={ref}
mode="sql"
theme="textmate"
height="100px"
editorProps={{ $blockScrolling: Infinity }}
showPrintMargin={false}
{...props}
/>
</div>
);
}
export default forwardRef(AceEditorInput);