55 lines
4 KiB
TypeScript
55 lines
4 KiB
TypeScript
// Module ID: 16148
|
|
// Function ID: 16149
|
|
// Name: ReplyRow
|
|
// Dependencies: [19, 17, 21, 16091, 576, 5435, 4832, 8219, 2]
|
|
// Exports: ContentInventoryReplyRow
|
|
|
|
// Module 16148 (ReplyRow)
|
|
import react_native from "react-native" /* 17 */;
|
|
import nativeDefault from "native" /* 576 */;
|
|
import Text_Text from "Text/Text" /* 4832 */;
|
|
import Pressables from "Pressables" /* 5435 */;
|
|
import ReactionIcon from "ReactionIcon" /* 8219 */;
|
|
import react from "react" /* 19 */;
|
|
import Fragment from "Fragment" /* 21 */;
|
|
import createICYMIStyles from "createICYMIStyles" /* 16091 */;
|
|
import size_mod from "module_2" /* 2 */;
|
|
|
|
let closure_4;
|
|
let hasOwnProperty;
|
|
const View = react_native.View;
|
|
({ jsx: closure_4, jsxs: hasOwnProperty } = Fragment);
|
|
let closure_6 = createICYMIStyles.createICYMIStyles((marginLeft) => {
|
|
const obj = { separator: size, container: { flex: 1, alignItems: "center", justifyContent: "center", flexDirection: "row", marginHorizontal: marginLeft.margin, marginBottom: marginLeft.margin, gap: nativeDefault.space.PX_12 }, buttonContainer: { flexGrow: 1, flexBasis: 0, height: nativeDefault.space.PX_40 }, feedbackContainer: { flexDirection: "row", alignItems: "center", justifyContent: "space-between", gap: nativeDefault.space.PX_12, height: nativeDefault.space.PX_40 }, icon: { width: 20, height: 20 }, feedbackButtonIcon: { tintColor: nativeDefault.colors.BUTTON_OUTLINE_PRIMARY_TEXT }, input: { flex: 1, borderRadius: nativeDefault.radii.round }, contentInventoryPressable: { borderRadius: 20, width: "100%", minHeight: 40, backgroundColor: nativeDefault.colors.REDESIGN_CHAT_INPUT_BACKGROUND, justifyContent: "center" }, contentInventoryContainer: { marginLeft: marginLeft.margin, marginRight: 10, paddingVertical: nativeDefault.space.PX_8, flexDirection: "row", alignItems: "center", gap: nativeDefault.space.PX_4 }, contentInventoryText: { flexShrink: 1 }, replyContainer: { flexDirection: "row", alignItems: "center", marginLeft: marginLeft.inset, marginTop: marginLeft.margin } };
|
|
size = { height: 1, backgroundColor: nativeDefault.colors.BORDER_SUBTLE, marginBottom: marginLeft.margin, width: "100%" };
|
|
({ flex: 1, alignItems: "center", justifyContent: "center", flexDirection: "row", marginHorizontal: marginLeft.margin, marginBottom: marginLeft.margin, gap: nativeDefault.space.PX_12 });
|
|
({ flexGrow: 1, flexBasis: 0, height: nativeDefault.space.PX_40 });
|
|
({ flexDirection: "row", alignItems: "center", justifyContent: "space-between", gap: nativeDefault.space.PX_12, height: nativeDefault.space.PX_40 });
|
|
({ tintColor: nativeDefault.colors.BUTTON_OUTLINE_PRIMARY_TEXT });
|
|
({ flex: 1, borderRadius: nativeDefault.radii.round });
|
|
({ borderRadius: 20, width: "100%", minHeight: 40, backgroundColor: nativeDefault.colors.REDESIGN_CHAT_INPUT_BACKGROUND, justifyContent: "center" });
|
|
({ marginLeft: marginLeft.margin, marginRight: 10, paddingVertical: nativeDefault.space.PX_8, flexDirection: "row", alignItems: "center", gap: nativeDefault.space.PX_4 });
|
|
return obj;
|
|
});
|
|
let size = size_mod;
|
|
const result = size.fileFinishedImporting("modules/icymi/native/ReplyRow.tsx");
|
|
|
|
export const ContentInventoryReplyRow = function ContentInventoryReplyRow(reactText) {
|
|
let PressableOpacity;
|
|
let items;
|
|
let obj2;
|
|
let obj3;
|
|
reactText = reactText.reactText;
|
|
const onReply = reactText.onReply;
|
|
const tmp = closure_6();
|
|
const obj = { style: tmp.replyContainer, children: React3(PressableOpacity, obj2) };
|
|
obj2 = { accessibilityRole: "button", onPress: onReply, style: tmp.contentInventoryPressable, accessibilityLabel: reactText, pointerEvents: "box-only", children: hasOwnProperty(View, obj3) };
|
|
obj3 = { style: tmp.contentInventoryContainer, children: items };
|
|
PressableOpacity = Pressables.PressableOpacity;
|
|
items = [, ];
|
|
const obj4 = { variant: "text-md/medium", color: "input-placeholder-text-default", lineClamp: 1, style: tmp.contentInventoryText, children: reactText };
|
|
items[0] = React3(Text_Text.Text, obj4);
|
|
const obj5 = { style: tmp.icon, size: "custom" };
|
|
items[1] = React3(ReactionIcon.ReactionIcon, obj5);
|
|
return React3(View, obj);
|
|
};
|