yeet

modules/parent_tools/native/FamilyCenterFeatureRow.tsx

@@ -0,0 +1,58 @@
+// 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>;
+};