/**
 * @fileoverview Legacy Card component adapter
 * @deprecated Use the TypeScript Card component from Card.tsx instead
 */

import React from 'react';
import { Card as ModernCard } from './Card.tsx';

/**
 * Legacy Card component adapter
 * @param {object} props - Component props
 * @param {React.ReactNode} props.children - Card content
 * @param {string} [props.className] - Additional CSS classes
 * @returns {React.ReactElement} Card component
 */
const Card = ({ children, className, ...restProps }) => {
  console.warn('Deprecated: Using legacy Card component. Please migrate to the TypeScript version.');
  return (
    <ModernCard 
      id={restProps.id || 'legacy-card'}
      className={`card ${className || ''}`}
      {...restProps}
    >
      {children}
    </ModernCard>
  );
};

export default Card;