import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
// This Source Code Form is subject to the terms of the Mozilla Public
// License, v2.0. If a copy of the MPL was not distributed with this
// file, You can obtain one at http://mozilla.org/MPL/2.0/
import { Card, CardContent, Paper, Typography } from "@mui/material";
import { useTranslation } from "react-i18next";
import { makeStyles } from "tss-react/mui";
const useStyles = makeStyles()({
    root: {
        display: "flex",
        alignItems: "center",
        justifyContent: "center",
        height: "100%",
    },
});
/**
 * Message indiciating the panel is too old to be used with the current version of a configuration.
 */
export function PanelConfigVersionError() {
    const { t } = useTranslation("panelConfigVersionGuard");
    const { classes } = useStyles();
    return (_jsx(Paper, { className: classes.root, children: _jsx(Card, { children: _jsxs(CardContent, { children: [_jsx(Typography, { variant: "subtitle1", children: t("warning") }), _jsx(Typography, { variant: "subtitle1", children: t("instructions") })] }) }) }));
}
//# sourceMappingURL=PanelConfigVersionError.js.map