import { Icon } from '@/components/uikit/icons';
import { IAachievementTextBoxProps } from './achievementTextBox';

export default function AchievementTextBox({
  title,
  reverseColor,
}: IAachievementTextBoxProps) {
  return (
    <div className="flex items-center gap-3">
      <Icon
        name={reverseColor ? 'achievementWhite' : 'achievement'}
        className={`${reverseColor ? 'text-white' : 'text-primary'}`}
      />
      <span
        className={`text-base ${reverseColor ? 'text-white' : 'text-gray-500'}`}
      >
        {title}
      </span>
    </div>
  );
}
