Aleksander Grygier
28 lines
576 B
Svelte
28 lines
576 B
Svelte
<script lang="ts">
|
|
import { X } from '@lucide/svelte';
|
|
import { Button } from '$lib/components/ui/button';
|
|
|
|
interface Props {
|
|
id: string;
|
|
onRemove?: (id: string) => void;
|
|
class?: string;
|
|
iconSize?: number;
|
|
}
|
|
|
|
let { id, onRemove, class: className = '', iconSize = 3 }: Props = $props();
|
|
</script>
|
|
|
|
<Button
|
|
type="button"
|
|
variant="ghost"
|
|
size="icon-sm"
|
|
class="bg-white/20 p-0 hover:bg-white/30 {className}"
|
|
onclick={(e: MouseEvent) => {
|
|
e.stopPropagation();
|
|
onRemove?.(id);
|
|
}}
|
|
aria-label="Remove file"
|
|
>
|
|
<X class="h-{iconSize} w-{iconSize}" />
|
|
</Button>
|