1 files changed, 13 insertions, 0 deletions
diff --git a/app_expo/components/form-row/form-row.tsx b/app_expo/components/form-row/form-row.tsx
new file mode 100644
index 0000000..c6453bc
--- /dev/null
+++ b/app_expo/components/form-row/form-row.tsx
@@ -0,0 +1,13 @@
+import * as React from 'react'
+import { View } from 'react-native'
+import { PRESETS } from './form-row.presets'
+import { FormRowProps } from './form-row.props'
+
+/**
+ * A horizontal container component used to hold a row of a form.
+ */
+export function FormRow(props: FormRowProps) {
+  const viewStyle = [PRESETS[props.preset], props.style]
+
+  return <View style={viewStyle}>{props.children}</View>
+}