import React from 'react';

interface IconProps {
  className?: string;
}

export function CheckCircleIcon({ className }: IconProps) {
  return (
    <svg 
      width="25" 
      height="24" 
      viewBox="0 0 25 24" 
      fill="none" 
      xmlns="http://www.w3.org/2000/svg"
      className={className}
    >
      <path 
        fillRule="evenodd" 
        clipRule="evenodd" 
        d="M12.6006 0.875C18.7443 0.875528 23.7246 5.85713 23.7246 12.001C23.7241 18.1444 18.744 23.1245 12.6006 23.125C6.45674 23.125 1.47514 18.1447 1.47461 12.001C1.47461 5.85681 6.45642 0.875 12.6006 0.875ZM17.8955 8.2041C17.4563 7.7649 16.7441 7.76518 16.3047 8.2041L11.0996 13.4092L8.89551 11.2041L8.81055 11.127C8.36882 10.7666 7.71662 10.7926 7.30469 11.2041C6.89287 11.6159 6.86633 12.2681 7.22656 12.71L7.30469 12.7949L10.3047 15.7949C10.744 16.2342 11.4562 16.2343 11.8955 15.7949L17.8955 9.79492C18.3344 9.35555 18.3347 8.6433 17.8955 8.2041Z" 
        fill="#5EA62E"
      />
    </svg>
  );
}

export function XCircleIcon({ className }: IconProps) {
  return (
    <svg 
      width="25" 
      height="24" 
      viewBox="0 0 25 24" 
      fill="none" 
      xmlns="http://www.w3.org/2000/svg"
      className={className}
    >
      <path 
        d="M21.4741 12.0005C21.4741 7.09912 17.5014 3.12526 12.6001 3.125C7.69857 3.125 3.72461 7.09896 3.72461 12.0005C3.72487 16.9018 7.69873 20.8745 12.6001 20.8745C17.5012 20.8742 21.4739 16.9016 21.4741 12.0005ZM23.7241 12.0005C23.7239 18.1443 18.7439 23.1242 12.6001 23.1245C6.45609 23.1245 1.47487 18.1444 1.47461 12.0005C1.47461 5.85632 6.45593 0.875 12.6001 0.875C18.744 0.875264 23.7241 5.85648 23.7241 12.0005Z" 
        fill="#F36666"
      />
      <path 
        d="M15.3047 7.70459C15.7441 7.26549 16.4563 7.26533 16.8955 7.70459C17.3345 8.14387 17.3345 8.85613 16.8955 9.29541L14.19 11.9995L16.8955 14.7051L16.9717 14.79C17.3323 15.2319 17.3075 15.8839 16.8955 16.2959C16.4836 16.7079 15.8315 16.7327 15.3897 16.3721L15.3047 16.2959L12.5991 13.5903L9.89503 16.2959C9.45575 16.7349 8.74349 16.7349 8.30421 16.2959C7.86495 15.8566 7.86511 15.1444 8.30421 14.7051L11.0083 11.9995L8.30421 9.29541L8.22657 9.21045C7.86611 8.76858 7.8923 8.11649 8.30421 7.70459C8.71611 7.29268 9.3682 7.26649 9.81007 7.62695L9.89503 7.70459L12.5991 10.4087L15.3047 7.70459Z" 
        fill="#F36666"
      />
    </svg>
  );
}