frontend/src/components/TooltipIcon.tsx

import { IconButton, Tooltip } from "@mui/material";
import { InfoOutlined as InfoOutlinedIcon } from "@mui/icons-material";
import React from "react";

export interface TooltipIconProps {
  title: string;
}

export const TooltipIcon: React.FC<TooltipIconProps> = ({ title }) => (
  <Tooltip title={title}>
    <IconButton size="small" sx={{ p: 0.5 }}>
      <InfoOutlinedIcon fontSize="inherit" />
    </IconButton>
  </Tooltip>
);