Course Form - Copy this React, Tailwind Component to your project

<form onSubmit={handleSubmit(onSubmit)} className="space y 4"> <Input label="Course Name" {...register('name', { required: 'Course name is required' })} error={errors.name} /> <Select label="Category" {...register('category', { required: 'Category is required' })} error={errors.category} options={[ { value: 'programming', label: 'Programming' }, { value: 'design', label: 'Design' }, { value: 'marketing', label: 'Marketing' }, { value: 'business', label: 'Business' }, ]} /> <Input label="Course Fees" type="number" {...register('fees', { required: 'Course fees is required', min: { value: 0, message: 'Fees must be positive' }, })} error={errors.fees} /> <Input label="Duration (in months)" type="number" {...register('duration', { required: 'Duration is required', min: { value: 1, message: 'Duration must be at least 1 month' }, })} error={errors.duration} /> <div className="pt 2"> <Button type="submit" isLoading={isLoading}> {defaultValues?.id ? 'Update Course' : 'Create Course'} </Button> </div> </form>