// 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>;
};