import React from 'react';
import { Bot, Sparkles } from 'lucide-react';

interface AiSegmentationIconProps {
  size?: number;
  strokeWidth?: number;
}

export function AiSegmentationIcon({ size = 20, strokeWidth = 2 }: AiSegmentationIconProps) {
  const sparkleSize = Math.max(9, Math.round(size * 0.48));
  return (
    <span
      data-testid="ai-segmentation-icon"
      className="relative inline-flex items-center justify-center"
      style={{ width: size, height: size }}
    >
      <Bot size={size} strokeWidth={strokeWidth} />
      <Sparkles
        size={sparkleSize}
        strokeWidth={Math.max(strokeWidth, 2.2)}
        className="absolute -right-1 -top-1 text-cyan-300 drop-shadow-[0_0_4px_rgba(34,211,238,0.75)]"
      />
    </span>
  );
}