<template>
    <div class="content-l">
        <h3>Einstellungen</h3>
        <div class="content-m">
            <UiInput label="Kubeconfig Default Pfad">
                <UiRadio code="true" :active="String(settings.kubeconfigDefaultPath)" label="Default" @click="() => settings.kubeconfigDefaultPath = true"></UiRadio>
                <UiRadio code="false" :active="String(settings.kubeconfigDefaultPath)" label="Custom" @click="() => settings.kubeconfigDefaultPath = false"></UiRadio>
            </UiInput>
            <UiInput label="Kubeconfig Pfad">
                <input type="text" :disabled="settings.kubeconfigDefaultPath">
            </UiInput>
            <UiInput label="Refresh Interval [Sekunden]">
                <input type="number" v-model="settings.refreshInterval">
            </UiInput>
        </div>
    </div>
</template>

<script setup lang="ts">
import { Settings } from '~/classes/Settings';

const settings = ref(new Settings(true, 10));
</script>