<script lang="ts">

    import utils from "../../common/utils";
    import OptionsSelect from "../../options-select";

    export let data: any;
    export let field: string;

    export let attrs: any;

    let key: string = field;
    let obj: any = data;

    $: if (field && data) {
        let keys = field.split('.');
        key = keys.pop() ?? '';
        obj = utils.getNestedObject(data, keys);
    }

</script>

<OptionsSelect variant="plain" bind:value={obj[key]} {...attrs}/>
