import Tooltip from "../tooltip";
import ContentEditable from "../contenteditable";

export default function ContentWithVariables() {
    return <div className='lbaic-settings-row lbaic-settings-e-oaiu-row'>
        <div className='lbaic-settings-row-in lbaic-settings-e-oaiu-row-in'>
            <div className='lbaic-settings-label'>
                <h5 className='lbaic-settings-label-in'>Prompt</h5>
                <Tooltip label='Prompt info message'/>
            </div>
            <button type='button'
                    className='lbaic-settings-button lbaic-settings-button-center lbaic-settings-button-h-32 lbaic-settings-button-insert'>
                <span className='lbaic-settings-button-label'>Insert Variable</span>
            </button>
        </div>
        <div className='lbaic-settings-row-in lbaic-settings-e-oaiu-row-in'>
            <ContentEditable/>
        </div>
    </div>
}