23 lines
662 B
Svelte
23 lines
662 B
Svelte
<script lang="ts">
|
|
interface Props {
|
|
onaccept: () => void;
|
|
ondecline: () => void;
|
|
}
|
|
|
|
let { onaccept, ondecline }: Props = $props();
|
|
</script>
|
|
|
|
<div class="fixed inset-0 z-50 flex items-center justify-center bg-black/80 p-4" data-camera-ui>
|
|
<div class="w-full max-w-xs rounded-lg bg-neutral-900 p-4">
|
|
<p class="mb-4 text-center text-sm text-white">Photo requested</p>
|
|
<div class="flex gap-3">
|
|
<button onclick={ondecline} class="flex-1 rounded bg-neutral-700 py-2 text-sm text-white">
|
|
Decline
|
|
</button>
|
|
<button onclick={onaccept} class="flex-1 rounded bg-blue-600 py-2 text-sm text-white">
|
|
Capture
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|