import { useParams } from 'react-router-dom';

export default function CourseDetail() {
  const { slug } = useParams();

  return (
    <div className="space-y-6">
      <div>
        <h1 className="text-2xl font-bold text-white">Detalle del Curso</h1>
        <p className="text-gray-400">Slug: {slug}</p>
      </div>

      <div className="card">
        <p className="text-gray-400">Contenido del curso por implementar...</p>
      </div>
    </div>
  );
}
