// Metro module 13926 (f13927).
import { View } from "react-native";
import { createStyles } from "../../../design/components/Styles/native/createStyles";
import Module712 from "../../../_bundle/Module712";
import { useActionTotalsForDisplayType, useFormattedTotalForDisplayType } from "../hooks/useFamilyCenterActivities";
import { getActivityTypeTextConfigs } from "../FamilyCenterUtils";
import { Text } from "../../../design/components/Text/native/Text";
const useStyles = createStyles({
  container: {
    display: "flex",
    backgroundColor: Module712.colors.BACKGROUND_SURFACE_HIGHEST,
    padding: 12,
    justifyContent: "center",
    alignItems: "center",
    borderRadius: Module712.radii.md,
    ...Module712.shadows.SHADOW_LEDGE
  }
});
export default function FamilyCenterActivityTotal(props) {
  const displayType = props.displayType;
  const styles = useStyles();
  const actionTotalsForDisplayType = useActionTotalsForDisplayType(displayType);
  let r13 = useFormattedTotalForDisplayType(displayType);
  const color = actionTotalsForDisplayType > 0 ? "text-brand" : "text-muted";
  const r26 = getActivityTypeTextConfigs().get(displayType);
  const r28 = r26 == null ? void 0 : r26.tooltipHeader();
  if (r13 == null) {
    r13 = 0;
  }
  return <View style={styles.container}>
    <Text variant="heading-xxl/medium" color={color}>{r13}</Text>
    <Text variant="text-sm/semibold">{r28}</Text>
  </View>;
};