59 lines
2.7 KiB
TypeScript
59 lines
2.7 KiB
TypeScript
// 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>;
|
|
};
|