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