import React from 'react';
import { cn } from '@/utils';

interface TestComponentProps {
  title: string;
  className?: string;
}

const TestComponent: React.FC<TestComponentProps> = ({ title, className }) => {
  return (
    <div className={cn('p-4 border rounded-lg', className)}>
      <h3 className="text-lg font-semibold mb-2">{title}</h3>
      <p className="text-gray-600">
        这是一个测试组件，用于验证路径别名 @/ 是否正常工作。
      </p>
      <div className="mt-2 text-sm text-blue-600">
        ✓ 成功使用 @/utils 导入工具函数
      </div>
    </div>
  );
};

export default TestComponent;