// Metro module 13916 (f13917).
import { View } from "react-native";
import { createStyles } from "../../../design/components/Styles/native/createStyles";
import Module712 from "../../../_bundle/Module712";
import { useAgeSpecificText } from "../hooks/useAgeSpecificText";
import { intl } from "../../../intl/index.native";
import FamilyCenter_messages from "../FamilyCenter.messages";
import Module13917 from "../../../_bundle/Module13917";
import { ChatCheckIcon } from "../../../design/components/Icon/native/redesign/generated/ChatCheckIcon";
import Module11475 from "../../../_bundle/Module11475";
import { EyeIcon } from "../../../design/components/Icon/native/redesign/generated/EyeIcon";
import Module12239 from "../../../_bundle/Module12239";
import { QrCodeIcon } from "../../../design/components/Icon/native/redesign/generated/QrCodeIcon";
import { Stack } from "../../../design/components/Stack/native/Stack.native";
import { Text } from "../../../design/components/Text/native/Text";
import { TableRowGroup } from "../../../design/components/TableRow/native/TableRowGroup.native";
import { TableRow } from "../../../design/components/TableRow/native/TableRow.native";
const useStyles = createStyles({
  tableGroup: {
    marginTop: 20,
    marginBottom: Module712.space.PX_24
  }
});
export default function FamilyCenterFeatureRows() {
  const styles = useStyles();
  const ageSpecificText = useAgeSpecificText(intl.string(FamilyCenter_messages.qITXhY), intl.string(FamilyCenter_messages.bmhCnL));
  const ageSpecificText2 = useAgeSpecificText(intl.string(FamilyCenter_messages.t7SkFy), intl.string(FamilyCenter_messages["68zfxD"]));
  const ageSpecificText3 = useAgeSpecificText(intl.string(FamilyCenter_messages["+pi4Yt"]), intl.string(FamilyCenter_messages["1xPTwE"]));
  const r84 = [{
    icon: Module13917,
    IconComponent: ChatCheckIcon,
    header: intl.string(FamilyCenter_messages["001l3m"]),
    description: ageSpecificText
  }, {
    icon: Module11475,
    IconComponent: EyeIcon,
    header: intl.string(FamilyCenter_messages.yipAeP),
    description: ageSpecificText2
  }, {
    icon: Module12239,
    IconComponent: QrCodeIcon,
    header: intl.string(FamilyCenter_messages.hhOuMe),
    description: ageSpecificText3
  }];
  return <View style={styles.tableGroup}>
    <Stack spacing={8}>
      <Text accessibilityRole="header" variant="text-sm/semibold" color="text-muted">
        {intl.string(FamilyCenter_messages["6JkHSg"])}
      </Text>
      <TableRowGroup hasIcons>
        {r84.map((item) => {
          const header = item.header;
          return <TableRow key={header} label={header} subLabel={item.description} icon={<TableRow.Icon source={item.icon} IconComponent={item.IconComponent} />} />;
        })}
      </TableRowGroup>
    </Stack>
  </View>;
};