import React, { useMemo } from "react";
import { useTranslation } from "react-i18next";
import { useRootElement } from "../context";
import * as styles from "./styles";
export const Description = ({ children }) => {
    const { t } = useTranslation("neighborhoodCharacteristics");
    const { isLoading } = useRootElement();
    const description = useMemo(() => children || t("noData"), [children]);
    return (React.createElement("p", { "data-testid": "description", className: styles.description, "data-empty": !children }, !isLoading && description));
};
//# sourceMappingURL=index.js.map