create component

src/client/js/components/Admin/Customize/CustomizeBehaviorOption.jsx

@@ -0,0 +1,28 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { withTranslation } from 'react-i18next';
+
+class CustomizeBehaviorOption extends React.Component {
+
+  render() {
+
+    return (
+      <div className="col-sm-4">
+        <p>hoge</p>
+      </div>
+    );
+  }
+
+}
+
+CustomizeBehaviorOption.propTypes = {
+  t: PropTypes.func.isRequired, // i18next
+
+  layoutType: PropTypes.string.isRequired,
+  labelHtml: PropTypes.string.isRequired,
+  isSelected: PropTypes.bool.isRequired,
+  onSelected: PropTypes.func.isRequired,
+  children: PropTypes.array.isRequired,
+};
+
+export default withTranslation()(CustomizeBehaviorOption);

src/client/js/components/Admin/Customize/CustomizeBehaviorSetting.jsx

@@ -10,6 +10,7 @@ import { toastSuccess, toastError } from '../../../util/apiNotification';
 import AppContainer from '../../../services/AppContainer';
 
 import AdminCustomizeContainer from '../../../services/AdminCustomizeContainer';
+import CustomizeBehaviorOption from './CustomizeBehaviorOption';
 
 const logger = loggerFactory('growi:importer');
 
@@ -39,6 +40,7 @@ class CustomizeBehaviorSetting extends React.Component {
 
     return (
       <React.Fragment>
+        <CustomizeBehaviorOption />
         <h2>{t('customize_page.Behavior')}</h2>
         <div className="col-xs-6">
           <h4>