import { __ } from '@wordpress/i18n';
import PlaceHolderTip from '../../Common/PlaceHolderTip';

import SectionContainer from '../../../../../../components/SectionContainer';
import CssEditor from './CssEditor';
import HtmlEditor from './HtmlEditor';

const CodeEditor = () => {
  return (
    <>
      <SectionContainer className='wmx-mt-6' title={__('HTML Content')}>
        <div className='wmx-grid wmx-grid-cols-2 wmx-gap-4'>
          <div className='wmx-col-span-2 2xl:wmx-col-span-1'>
            <HtmlEditor />
            <PlaceHolderTip />
          </div>
          <div className='wmx-col-span-2 2xl:wmx-col-span-1'>
            <CssEditor />
          </div>
        </div>
      </SectionContainer>
    </>
  );
};
export default CodeEditor;
