84 lines
2.5 KiB
TypeScript
84 lines
2.5 KiB
TypeScript
// Metro module 15379 (f15380).
|
|
import { View } from "react-native";
|
|
import { createICYMIStyles } from "./createICYMIStyles";
|
|
import Module712 from "../../../_bundle/Module712";
|
|
import { PressableOpacity } from "../../../design/void/Pressables/native/Pressables";
|
|
import { Text } from "../../../design/components/Text/native/Text";
|
|
import { ReactionIcon } from "../../../design/components/Icon/native/redesign/generated/ReactionIcon";
|
|
const styles = createICYMIStyles((a0) => ({
|
|
separator: {
|
|
height: 1,
|
|
backgroundColor: Module712.colors.BORDER_SUBTLE,
|
|
marginBottom: a0.margin,
|
|
width: "100%"
|
|
},
|
|
container: {
|
|
flex: 1,
|
|
alignItems: "center",
|
|
justifyContent: "center",
|
|
flexDirection: "row",
|
|
marginHorizontal: a0.margin,
|
|
marginBottom: a0.margin,
|
|
gap: Module712.space.PX_12
|
|
},
|
|
buttonContainer: {
|
|
flexGrow: 1,
|
|
flexBasis: 0,
|
|
height: Module712.space.PX_40
|
|
},
|
|
feedbackContainer: {
|
|
flexDirection: "row",
|
|
alignItems: "center",
|
|
justifyContent: "space-between",
|
|
gap: Module712.space.PX_12,
|
|
height: Module712.space.PX_40
|
|
},
|
|
icon: {
|
|
width: 20,
|
|
height: 20
|
|
},
|
|
feedbackButtonIcon: {
|
|
tintColor: Module712.colors.BUTTON_OUTLINE_PRIMARY_TEXT
|
|
},
|
|
input: {
|
|
flex: 1,
|
|
borderRadius: Module712.radii.round
|
|
},
|
|
contentInventoryPressable: {
|
|
borderRadius: 20,
|
|
width: "100%",
|
|
minHeight: 40,
|
|
backgroundColor: Module712.colors.REDESIGN_CHAT_INPUT_BACKGROUND,
|
|
justifyContent: "center"
|
|
},
|
|
contentInventoryContainer: {
|
|
marginLeft: a0.margin,
|
|
marginRight: 10,
|
|
paddingVertical: Module712.space.PX_8,
|
|
flexDirection: "row",
|
|
alignItems: "center",
|
|
gap: Module712.space.PX_4
|
|
},
|
|
contentInventoryText: {
|
|
flexShrink: 1
|
|
},
|
|
replyContainer: {
|
|
flexDirection: "row",
|
|
alignItems: "center",
|
|
marginLeft: a0.inset,
|
|
marginTop: a0.margin
|
|
}
|
|
}));
|
|
export function ContentInventoryReplyRow(props) {
|
|
const { reactText, onReply } = props;
|
|
const r11 = styles();
|
|
return <View style={r11.replyContainer}>
|
|
<PressableOpacity accessibilityRole="button" onPress={onReply} style={r11.contentInventoryPressable} accessibilityLabel={reactText} pointerEvents="box-only">
|
|
<View style={r11.contentInventoryContainer}>
|
|
<Text variant="text-md/medium" color="input-placeholder-text-default" lineClamp={1} style={r11.contentInventoryText}>{reactText}</Text>
|
|
<ReactionIcon style={r11.icon} size="custom" />
|
|
</View>
|
|
</PressableOpacity>
|
|
</View>;
|
|
}
|