import { Box } from '@tidbcloud/uikit'

export default ({ text, sup }: { text: string; sup?: string }) => {
  return (
    <Box component="span" className="text-with-sup">
      {text}
      {!!sup && (
        <Box component="sup" sx={{ fontSize: '65%', fontWeight: 400 }}>
          {sup}
        </Box>
      )}
    </Box>
  )
}