97 lines
5.5 KiB
TypeScript
97 lines
5.5 KiB
TypeScript
// Metro module 11112 (f11113).
|
|
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";
|
|
import { intl } from "../../../intl/index.native";
|
|
import FamilyCenter_messages from "../FamilyCenter.messages";
|
|
import { useAgeSpecificText } from "../hooks/useAgeSpecificText";
|
|
import { UserPlusIcon } from "../../../design/components/Icon/native/redesign/generated/UserPlusIcon";
|
|
import { ServerIcon } from "../../../design/components/Icon/native/redesign/generated/ServerIcon";
|
|
import { ForumIcon } from "../../../design/components/Icon/native/redesign/generated/ForumIcon";
|
|
import { PhoneIcon } from "../../../design/components/Icon/native/redesign/generated/PhoneIcon";
|
|
import { CreditCardIcon } from "../../../design/components/Icon/native/redesign/generated/CreditCardIcon";
|
|
import { GiftIcon } from "../../../design/components/Icon/native/redesign/generated/GiftIcon";
|
|
import { FlagIcon } from "../../../design/components/Icon/native/redesign/generated/FlagIcon";
|
|
import { ClockIcon } from "../../../design/components/Icon/native/redesign/generated/ClockIcon";
|
|
import { PiggyBankIcon } from "../../../design/components/Icon/native/redesign/generated/PiggyBankIcon";
|
|
import { SettingsIcon } from "../../../design/components/Icon/native/redesign/generated/SettingsIcon";
|
|
import { XSmallIcon } from "../../../design/components/Icon/native/redesign/generated/XSmallIcon";
|
|
const RowGroup = function RowGroup(props) {
|
|
return <Stack spacing={8}>
|
|
<Text accessibilityRole="header" variant="text-sm/semibold" color="text-muted">{props.title}</Text>
|
|
<TableRowGroup hasIcons>
|
|
{props.rows.map((row) => {
|
|
const header = row.header;
|
|
return <TableRow key={header} label={header} subLabel={row.description} icon={<TableRow.Icon variant={row.negative === true ? "text-status-dnd" : "default"} IconComponent={row.IconComponent} />} />;
|
|
})}
|
|
</TableRowGroup>
|
|
</Stack>;
|
|
};
|
|
export default function FamilyCenterDataConfirmation() {
|
|
const title3 = intl.string(FamilyCenter_messages.CI1Env);
|
|
const title2 = intl.string(FamilyCenter_messages["ksze+o"]);
|
|
const title = intl.string(FamilyCenter_messages["n73g+V"]);
|
|
const ageSpecificText5 = useAgeSpecificText(intl.string(FamilyCenter_messages["5x3taM"]), intl.string(FamilyCenter_messages.WZwGFX));
|
|
const ageSpecificText4 = useAgeSpecificText(intl.string(FamilyCenter_messages.FcKkcr), intl.string(FamilyCenter_messages.PQtDFk));
|
|
const ageSpecificText3 = useAgeSpecificText(intl.string(FamilyCenter_messages["dES/2r"]), intl.string(FamilyCenter_messages.ep6mdN));
|
|
const ageSpecificText2 = useAgeSpecificText(intl.string(FamilyCenter_messages.GWPcQg), intl.string(FamilyCenter_messages.yFnKIg));
|
|
const ageSpecificText = useAgeSpecificText(intl.string(FamilyCenter_messages["30+sih"]), intl.string(FamilyCenter_messages["0cuLn1"]));
|
|
const ageSpecificText6 = useAgeSpecificText(intl.string(FamilyCenter_messages.tHTyRh), intl.string(FamilyCenter_messages.TeNlMb));
|
|
const ageSpecificText7 = useAgeSpecificText(intl.string(FamilyCenter_messages.PfveQ6), intl.string(FamilyCenter_messages["f7ofm/"]));
|
|
const ageSpecificText8 = useAgeSpecificText(intl.string(FamilyCenter_messages.MKeCj3), intl.string(FamilyCenter_messages.HdcGGl));
|
|
const ageSpecificText9 = useAgeSpecificText(intl.string(FamilyCenter_messages.wZejZr), intl.string(FamilyCenter_messages.tdgcf1));
|
|
const ageSpecificText10 = useAgeSpecificText(intl.string(FamilyCenter_messages.ASf7XN), intl.string(FamilyCenter_messages["82y87X"]));
|
|
const ageSpecificText11 = useAgeSpecificText(intl.string(FamilyCenter_messages["0QDVFN"]), intl.string(FamilyCenter_messages["1xBHHV"]));
|
|
return <Stack spacing={24}>
|
|
<RowGroup title={title3} rows={[{
|
|
header: intl.string(FamilyCenter_messages["/zMYZX"]),
|
|
description: ageSpecificText5,
|
|
IconComponent: UserPlusIcon
|
|
}, {
|
|
header: intl.string(FamilyCenter_messages["44NEx6"]),
|
|
description: ageSpecificText4,
|
|
IconComponent: ServerIcon
|
|
}, {
|
|
header: intl.string(FamilyCenter_messages["Z3G+8h"]),
|
|
description: intl.string(FamilyCenter_messages.KBgArX),
|
|
IconComponent: ForumIcon
|
|
}, {
|
|
header: intl.string(FamilyCenter_messages.GNs2ZH),
|
|
description: intl.string(FamilyCenter_messages.Ief2xc),
|
|
IconComponent: PhoneIcon
|
|
}, {
|
|
header: intl.string(FamilyCenter_messages.PjM3r5),
|
|
description: ageSpecificText3,
|
|
IconComponent: CreditCardIcon
|
|
}, {
|
|
header: intl.string(FamilyCenter_messages.Fv3n8L),
|
|
description: ageSpecificText2,
|
|
IconComponent: GiftIcon
|
|
}, {
|
|
header: ageSpecificText,
|
|
description: ageSpecificText6,
|
|
IconComponent: FlagIcon
|
|
}]} />
|
|
<RowGroup title={title2} rows={[{
|
|
header: intl.string(FamilyCenter_messages.kyT6pZ),
|
|
description: ageSpecificText7,
|
|
IconComponent: ClockIcon
|
|
}, {
|
|
header: intl.string(FamilyCenter_messages["52ld7c"]),
|
|
description: ageSpecificText8,
|
|
IconComponent: PiggyBankIcon
|
|
}, {
|
|
header: intl.string(FamilyCenter_messages.UCuHM8),
|
|
description: ageSpecificText9,
|
|
IconComponent: SettingsIcon
|
|
}]} />
|
|
<RowGroup title={title} rows={[{
|
|
header: ageSpecificText10,
|
|
description: ageSpecificText11,
|
|
IconComponent: XSmallIcon,
|
|
negative: true
|
|
}]} />
|
|
</Stack>;
|
|
};
|