<script lang="ts">
    import MediaQuery from "./widgets/MediaQuery.svelte"

    export let renderQueryObject: MediaQueryInputObject
</script>

{#each Object.entries(renderQueryObject) as queryObject}
    <MediaQuery query={queryObject[0]}>
        <svelte:component
            this={queryObject[1][0]}
            {...queryObject[1][1]}
        />
    </MediaQuery>
{/each}
