22 lines
603 B
Svelte
22 lines
603 B
Svelte
|
<script lang="ts">
|
||
|
|
import type {Snippet} from "svelte"
|
||
|
|
import Button from "@lib/components/Button.svelte"
|
||
|
|
import ImageInputModal from "@app/components/ImageInputModal.svelte"
|
||
|
|
import {pushModal} from "@app/modal"
|
||
|
|
|
||
|
|
type Props = {
|
||
|
|
onSelect: (image: File | string) => void
|
||
|
|
initialValue?: string
|
||
|
|
children?: Snippet
|
||
|
|
[key: string]: any
|
||
|
|
}
|
||
|
|
|
||
|
|
const {onSelect, initialValue, children, ...props}: Props = $props()
|
||
|
|
|
||
|
|
const open = () => pushModal(ImageInputModal, {onSelect, initialValue}, {nested: true})
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<Button onclick={open} {...props}>
|
||
|
|
{@render children?.()}
|
||
|
|
</Button>
|