<template>
    <div>
        <UpdateProfileInformationForm
            :engineer="engineer"
            :levelsOfExperience="levelsOfExperience"
        />

        <JetSectionBorder />
    </div>
    <div>
        <UpdateLanguageForm
            :engineer="engineer"
            :languages="languages"
            :proficiencies="proficiencies"
        />

        <JetSectionBorder />
    </div>

    <div>
        <UpdateRatesForm :engineer="engineer" />

        <JetSectionBorder />
    </div>

    <div>
        <UpdateSocialLinksForm :engineer="engineer" />

        <JetSectionBorder />
    </div>

    <div>
        <UpdateProfileUrlForm :engineer="engineer" />
    </div>
</template>

<script setup>
import UpdateProfileInformationForm from "@/Pages/Settings/Engineer/Tabs/General/Partials/UpdateProfileInformationForm";
import UpdateLanguageForm from "./Partials/UpdateLanguageForm";
import UpdateRatesForm from "./Partials/UpdateRatesForm";
import UpdateProfileUrlForm from "./Partials/UpdateProfileUrlForm";
import UpdateSocialLinksForm from "./Partials/UpdateSocialLinksForm";
import JetSectionBorder from "@/Jetstream/SectionBorder";
defineProps({
    engineer: Object,
    levelsOfExperience: Array,
    languages: Array,
    proficiencies: Array,
});
</script>
