import { styled } from '@project44-manifest/react-styles';

export const StyledTooltip = styled('div', {
  backgroundColor: '$palette-grey-700',
  borderRadius: '$small',
  boxSizing: 'border-box',
  alignItems: 'center',
  display: 'inline-flex',
  color: '$palette-white',
  overflow: 'hidden',
  padding: '$x-small $small',
  position: 'relative',
  typography: '$caption',
  verticalAlign: 'top',
  wordBreak: 'break-word',
  width: 'auto',
});