V2 (#1)

packages/lib/src/components/base/Row.js

@@ -0,0 +1,37 @@
+import React from 'react';
+import styled from 'styled-components/native';
+
+const Wrapper = styled.View`
+  flex-direction: row;
+  padding: 10px;
+  border-left-width: ${props => props.selected ? '10px' : '0'};
+  border-left-color: #2980b9;
+  border-bottom-width: 1px;
+  border-bottom-color: #efefef;
+`;
+
+const Left = styled.View`
+`;
+
+const Right = styled.View`
+`;
+
+const Center = styled.View`
+  flex: 1;
+  margin: 0 10px;
+`;
+
+const Row = ({
+  left,
+  right,
+  children,
+  selected,
+}) => (
+  <Wrapper selected={selected}>
+    {left && <Left>{left}</Left>}
+    <Center>{children}</Center>
+    {right && <Right>{right}</Right>}
+  </Wrapper>
+)
+
+export default Row;