search

components/discovery/GenreTag.tsx

@@ -0,0 +1,19 @@
+import { StyleSheet, Text, TextProps } from 'react-native';
+
+export default function GenreTag(props: TextProps) {
+  return <Text {...props} style={[props.style, styles.genreTag]} />;
+}
+
+const styles = StyleSheet.create({
+  genreTag: {
+    fontFamily: 'SpaceMono',
+    fontSize: 12,
+    paddingVertical: 4,
+    paddingHorizontal: 8,
+    borderRadius: 12,
+    backgroundColor: '#333747',
+    color: '#fff',
+    textAlign: 'center',
+    overflow: 'hidden',
+  },
+});