import React from "react";
import { useParams } from "react-router-dom";
import "./CourseForm.css";

const CourseForm = () => {
  const { id } = useParams(); // Get the course ID from the URL params

  return (
    <div className="form-container">
      <h2>Course Info</h2>
      <form>
        <label>
          Course ID:
          <input type="text" value={id} readOnly />
        </label>
        <label>
          Course Name:
          <input type="text" placeholder="Enter course name" />
        </label>
        <label>
          Status:
          <input type="text" placeholder="Enter course status" />
        </label>
        <button type="submit">Submit</button>
      </form>
    </div>
  );
};

export default CourseForm;