import { Tooltip, IconButton } from '@mui/material'
import { HelpOutline } from '@mui/icons-material'

interface HelpTooltipProps {
  title: string
  placement?: 'top' | 'bottom' | 'left' | 'right'
}

export default function HelpTooltip({ title, placement = 'top' }: HelpTooltipProps) {
  return (
    <Tooltip title={title} placement={placement}>
      <IconButton size="small" sx={{ p: 0.5, ml: 0.5 }}>
        <HelpOutline fontSize="small" />
      </IconButton>
    </Tooltip>
  )
}

