yeet

modules/media/native/Caption.tsx

@@ -0,0 +1,30 @@
+// Metro module 8103 (f8104).
+import { View } from "react-native";
+import { Fonts } from "../../../Constants";
+import { createStyles } from "../../../design/components/Styles/native/createStyles";
+import Module712 from "../../../_bundle/Module712";
+import { hexWithOpacity } from "../../../utils/ColorUtils";
+import { LegacyText } from "../../../design/void/native";
+const useStyles = createStyles({
+  captionText: {
+    fontFamily: Fonts.PRIMARY_BOLD,
+    color: Module712.colors.WHITE,
+    fontSize: 12
+  },
+  labelContainer: {
+    backgroundColor: hexWithOpacity(Module712.unsafe_rawColors.PRIMARY_700, 0.5),
+    borderRadius: Module712.radii.xs,
+    paddingHorizontal: 8,
+    paddingVertical: 2,
+    position: "absolute",
+    right: 6,
+    bottom: 6
+  }
+});
+export function Caption(props) {
+  const { label, style, textStyle } = props;
+  const styles = useStyles();
+  return <View style={[styles.labelContainer, style]}>
+    <LegacyText style={[styles.captionText, textStyle]}>{label}</LegacyText>
+  </View>;
+}