1 files changed, 49 insertions, 0 deletions
diff --git a/src/components/moments/MomentPostButton.tsx b/src/components/moments/MomentPostButton.tsx
new file mode 100644
index 00000000..78fe209b
--- /dev/null
+++ b/src/components/moments/MomentPostButton.tsx
@@ -0,0 +1,49 @@
+import React from 'react';
+import {StyleSheet} from 'react-native';
+import {Text} from 'react-native-animatable';
+import {TouchableOpacity} from 'react-native-gesture-handler';
+import {TAGG_LIGHT_BLUE} from '../../constants';
+import {normalize, SCREEN_WIDTH} from '../../utils';
+
+interface MomentPostButtonProps {
+  enabled: boolean;
+  onPress: () => void;
+}
+
+const MomentPostButton: React.FC<MomentPostButtonProps> = ({
+  enabled,
+  onPress,
+}) => {
+  return (
+    <TouchableOpacity
+      style={[styles.button, enabled ? {} : styles.grey]}
+      onPress={onPress}
+      disabled={!enabled}>
+      <Text style={styles.text}>Post</Text>
+    </TouchableOpacity>
+  );
+};
+
+const styles = StyleSheet.create({
+  button: {
+    width: SCREEN_WIDTH * 0.8,
+    height: normalize(37),
+    backgroundColor: TAGG_LIGHT_BLUE,
+    justifyContent: 'center',
+    alignItems: 'center',
+    borderRadius: 6,
+    alignSelf: 'center',
+  },
+  grey: {
+    backgroundColor: '#C4C4C4',
+  },
+  text: {
+    color: 'white',
+    fontWeight: 'bold',
+    fontSize: normalize(15),
+    lineHeight: 18,
+    letterSpacing: 2,
+  },
+});
+
+export default MomentPostButton;