// 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>;
}