Courses

Courses

{#if $profile.can_add_course} ($createCourseModal.open = true)} /> {/if}

($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 />
</section>

<style>
  .root {
    width: 100%;
    padding: 0 10px;
    min-height: 90vh;
    /* min-width: 600px;
    margin: 0 auto;
    border-left: 1px solid var(--border-color);
    border-right: 1px solid var(--border-color); */
  }
</style>