25 lines
783 B
Svelte
25 lines
783 B
Svelte
<!--
|
|
jsrepo 1.41.3
|
|
Installed from github/ieedan/shadcn-svelte-extras
|
|
3-4-2025
|
|
-->
|
|
|
|
<script lang="ts">
|
|
import * as Dialog from '$lib/components/ui/dialog';
|
|
import { cn } from '$lib/utils/utils';
|
|
import { useImageCropperDialog } from './image-cropper.svelte.js';
|
|
import type { ImageCropperDialogProps } from './types';
|
|
|
|
let { children, class: className, ...rest }: ImageCropperDialogProps = $props();
|
|
|
|
const dialogState = useImageCropperDialog();
|
|
</script>
|
|
|
|
<Dialog.Root bind:open={dialogState.rootState.open}>
|
|
<Dialog.Content {...rest} hideClose class={cn('min-h-96 max-w-full rounded-none border-x-0 sm:max-w-lg sm:rounded-lg sm:border-x', className)}>
|
|
<div class="flex flex-col gap-4">
|
|
{@render children?.()}
|
|
</div>
|
|
</Dialog.Content>
|
|
</Dialog.Root>
|