mirror of
https://github.com/windmill-labs/windmill.git
synced 2026-09-10 08:07:03 +00:00
34 lines
816 B
Svelte
34 lines
816 B
Svelte
<script lang="ts">
|
|
import { createEventDispatcher } from 'svelte'
|
|
import Button from './button/Button.svelte'
|
|
import { X } from 'lucide-svelte'
|
|
import { twMerge } from 'tailwind-merge'
|
|
|
|
interface Props {
|
|
noBg?: boolean
|
|
small?: boolean
|
|
Icon?: any | undefined
|
|
class?: string
|
|
onClick?: () => void | undefined | any
|
|
}
|
|
|
|
let { noBg = false, small = false, Icon, class: className, onClick }: Props = $props()
|
|
|
|
const dispatch = createEventDispatcher()
|
|
</script>
|
|
|
|
<Button
|
|
on:click={() => (dispatch('close'), onClick?.())}
|
|
on:pointerdown={(e) => e.stopPropagation()}
|
|
startIcon={{ icon: Icon ?? X }}
|
|
iconOnly
|
|
unifiedSize="sm"
|
|
color="light"
|
|
btnClasses={twMerge(
|
|
'hover:bg-surface-hover rounded-full p-0',
|
|
noBg ? '' : 'bg-surface-secondary',
|
|
small ? 'w-6 h-6' : 'w-8 h-8',
|
|
className ?? ''
|
|
)}
|
|
/>
|