// Metro module 13949 (f13950).
import { View } from "react-native";
import { UserLinkStatus } from "../FamilyCenterConstants";
import { createStyles } from "../../../design/components/Styles/native/createStyles";
import FamilyCenterLinkWrapper from "./FamilyCenterLinkWrapper";
import FamilyCenterRequestorDetails from "./FamilyCenterRequestorDetails";
const useStyles = createStyles({
  actionContainer: {
    flexDirection: "row",
    alignItems: "center",
    justifyContent: "flex-end",
    height: "100%"
  }
});
export default function FamilyCenterLinkRow(props) {
  const { otherUser, actions } = props;
  return <FamilyCenterLinkWrapper userId={otherUser.id}>
    <FamilyCenterRequestorDetails otherUser={otherUser} status={UserLinkStatus.PENDING} />
    <View style={useStyles().actionContainer}>{actions}</View>
  </FamilyCenterLinkWrapper>;
};