31 lines
1015 B
TypeScript
31 lines
1015 B
TypeScript
// 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>;
|
|
}
|