Create `Cell.Container` stateless component

1 files changed, 15 insertions, 1 deletions

diff --git a/gui/packages/desktop/src/renderer/components/Cell.js b/gui/packages/desktop/src/renderer/components/Cell.js
index 8bdf517656..446b86ea09 100644
--- a/gui/packages/desktop/src/renderer/components/Cell.js
+++ b/gui/packages/desktop/src/renderer/components/Cell.js
@@ -1,7 +1,7 @@
 // @flow
 
 import * as React from 'react';
-import { Button, Text, Component, Styles, Types } from 'reactxp';
+import { Button, Text, Component, Styles, Types, View } from 'reactxp';
 import PlainImg from './Img';
 import { colors } from '../../config';
 
@@ -19,6 +19,14 @@ const styles = {
     alignContent: 'center',
     cursor: 'default',
   }),
+  cellContainer: Styles.createViewStyle({
+    backgroundColor: colors.blue,
+    flexDirection: 'row',
+    alignItems: 'center',
+    paddingLeft: 24,
+    paddingRight: 12,
+  }),
+
   cellHover: Styles.createViewStyle({
     backgroundColor: colors.blue80,
   }),
@@ -116,3 +124,9 @@ export class CellButton extends Component<CellButtonProps, State> {
     );
   }
 }
+
+type ContainerProps = { children: React.Node };
+
+export function Container({ children }: ContainerProps) {
+  return <View style={styles.cellContainer}>{children}</View>;
+}