ente/web/packages/accounts/components/two-factor/InvalidInputMessage.tsx

import { Typography, TypographyProps } from "@mui/material";
import { FC } from "react";

const InvalidInputMessage: FC<TypographyProps> = (props) => {
    return (
        <Typography
            variant="mini"
            sx={{
                color: (theme) => theme.colors.danger.A700,
            }}
            {...props}
        >
            {props.children}
        </Typography>
    );
};

export default InvalidInputMessage;