import { JSX } from 'react/jsx-runtime';
import { cn } from '~/utils';

export const QuestionMark = ({
  className = '',
}: {
  className?: string | undefined;
}): JSX.Element => {
  return (
    <span>
      <div
        className={cn(
          'border-token-border-medium text-token-text-tertiary ml-2 flex h-3.5 w-3.5 cursor-default items-center justify-center rounded-full border text-[0.5rem] font-medium leading-none',
          className,
        )}
      >
        ?
      </div>
    </span>
  );
};