($createCourseModal.open = true)} />

($createCourseModal.open = false)} bind:open={$createCourseModal.open} width="w-2/5" modalHeading="Create a Course" >

<TextArea label="Invite Students" bind:value={$createCourseModal.students} rows="2" maxRows="3" placeholder="student@gmail.com, john@gmail.com" helperMessage="To invite people, add their emails separated by a comma" errorMessage={errors.students} className="mb-4" /> <TextArea label="Short description" bind:value={$createCourseModal.description} rows="4" maxRows="4" placeholder="A little description about this course" className="mb-4" isRequired={true} /> <div class="mt-5 flex items-center"> <PrimaryButton className="px-6 py-2" label="Finish" type="submit" /> </div> </form> </Modal> <Courses /> </div> <style> .root { min-width: 600px; margin: 0 auto; border-left: 1px solid var(--border-color); border-right: 1px solid var(--border-color); } </style>