mirror of
https://github.com/AventurasTeam/Aventuras.git
synced 2026-04-28 11:50:15 +00:00
21 lines
671 B
Svelte
21 lines
671 B
Svelte
<script lang="ts">
|
|
import * as Dialog from "$lib/components/ui/dialog";
|
|
import * as Drawer from "$lib/components/ui/drawer";
|
|
import { createIsMobile } from "$lib/hooks/is-mobile.svelte";
|
|
import { setResponsiveModalContext } from "./context";
|
|
|
|
let { open = $bindable(false), onOpenChange, children, ...props } = $props();
|
|
|
|
const isMobile = createIsMobile();
|
|
setResponsiveModalContext({ isMobile });
|
|
</script>
|
|
|
|
{#if isMobile.current}
|
|
<Drawer.Root bind:open {onOpenChange} {...props}>
|
|
{@render children?.()}
|
|
</Drawer.Root>
|
|
{:else}
|
|
<Dialog.Root bind:open {onOpenChange} {...props}>
|
|
{@render children?.()}
|
|
</Dialog.Root>
|
|
{/if}
|