Course Detail View - Copy this React, Tailwind Component to your project

I want you make for me view detail course to apply this <p> <strong>Title:</strong> {course.title || "N/A"} </p> <p> <strong>Description:</strong> {course.description || "N/A"} </p> <p> <strong>Instructor:</strong> {instructor?.name || "Unknown"} </p> <p> <strong>Category:</strong> {course.category || "N/A"} </p> <p> <strong>Level:</strong> {course.level || "N/A"} </p> <p> <strong>Duration:</strong> {formatDuration(course.duration)} </p> <p> <strong>Price:</strong>{" "} {course.price ? `${course.price} ${course.currency || ""}` : "N/A"} </p> <p> <strong>Status:</strong> {course.status || "N/A"} </p> <p> <strong>Max Enrollment:</strong>{" "} {course.maxEnrollment || "Unlimited"} </p> <p> <strong>Schedule:</strong>{" "} {course.schedule?.daysOfWeek?.length > 0 ? ( <> {course.schedule.daysOfWeek.join(", ")} <br /> <strong>Shift:</strong> {course.schedule.shift || "N/A"} </> ) : ( "N/A" )} </p> <p> <strong>Thumbnail:</strong>{" "} {course.thumbnail ? ( <img src={course.thumbnail} alt={course.title} className="w 24 h 24 object cover rounded mt 2" /> ) : ( "N/A" )}