refactor editos

src/components/common/Group/index.tsx

@@ -0,0 +1,44 @@
+import React, { FC } from 'react';
+
+import classNames from 'classnames';
+
+import styles from './styles.module.scss';
+
+type IProps = React.HTMLAttributes<HTMLDivElement> & {
+  horizontal?: boolean;
+  top?: boolean;
+  bottom?: boolean;
+  wrap?: boolean;
+  seamless?: boolean;
+};
+
+const Group: FC<IProps> = ({
+  children,
+  className = '',
+  horizontal = false,
+  top = false,
+  bottom = false,
+  wrap = false,
+  seamless = false,
+  ...props
+}) => (
+  <div
+    className={classNames(
+      styles.group,
+      {
+        [styles.horizontal]: horizontal,
+        [styles.vertical]: !horizontal,
+        [styles.top]: top,
+        [styles.bottom]: bottom,
+        [styles.wrap]: wrap,
+        [styles.seamless]: seamless,
+      },
+      className
+    )}
+    {...props}
+  >
+    {children}
+  </div>
+);
+
+export { Group };