import React from "react";
import { useTranslation } from "react-i18next";
import { Tag } from "@local-logic/design-system";
import { SchoolSection } from "../SchoolSection";
export const SchoolCategories = ({ school }) => {
    const { t } = useTranslation("neighborhoodSchools");
    if (!school.is_advanced_placement &&
        !school.is_charter &&
        !school.is_magnet) {
        return null;
    }
    return (React.createElement(SchoolSection, { title: t("headers.category") },
        React.createElement(React.Fragment, null,
            React.createElement(Tag, { isVisible: !!school.is_advanced_placement }, t("categories.advancedPlacement")),
            React.createElement(Tag, { isVisible: !!school.is_charter }, t("categories.charter")),
            React.createElement(Tag, { isVisible: !!school.is_magnet }, t("categories.magnet")))));
};
//# sourceMappingURL=index.js.map