import React from "react";
import { useTranslation } from "react-i18next";
import * as styles from "./styles";
import { useNeighborhoodHero } from "~/sdks/NeighborhoodHero/context";
export const Summary = () => {
    const { t } = useTranslation("neighborhoodHero");
    const { neighborhoodSummary, geography } = useNeighborhoodHero();
    if (!neighborhoodSummary) {
        return null;
    }
    return (React.createElement("div", { className: styles.container, "data-testid": "summary-container" },
        React.createElement("h2", { className: styles.title, "data-testid": "summary-title" }, t("summaryTitle", {
            context: geography && geography.level >= 30 ? "area" : undefined,
        })),
        React.createElement("p", { className: styles.text, "data-testid": "summary-description" }, neighborhoodSummary)));
};
//# sourceMappingURL=index.js.map