import { FiXCircle } from 'react-icons/fi';

interface CardHeaderProps {
  title: string;
  onClose?: () => void;
}

const CardHeader: React.FC<CardHeaderProps> = ({ title, onClose }) => {
  return (
    <div className="flex justify-between items-start self-stretch">
      <span className="text-[#1D293D] font-medium text-base">
        {title}
      </span>
      <button onClick={onClose} className="text-gray-400 hover:text-gray-600 transition-colors">
        <FiXCircle strokeWidth={1.5} size={24} />
      </button>
    </div>
  );
};

export default CardHeader;