admin
8e5a449007
Some checks are pending
Copilot Setup Steps / copilot-setup-steps (push) Waiting to run
Check Pre-Tokenizer Hashes / pre-tokenizer-hashes (push) Waiting to run
Python check requirements.txt / check-requirements (push) Waiting to run
Python Type-Check / python type-check (push) Waiting to run
Update Operations Documentation / update-ops-docs (push) Waiting to run
61 lines
1.3 KiB
Svelte
61 lines
1.3 KiB
Svelte
<script lang="ts">
|
|
import { Button, type ButtonVariant, type ButtonSize } from '$lib/components/ui/button';
|
|
import * as Tooltip from '$lib/components/ui/tooltip';
|
|
import type { Component } from 'svelte';
|
|
import { TooltipSide } from '$lib/enums';
|
|
|
|
interface Props {
|
|
ariaLabel?: string;
|
|
class?: string;
|
|
disabled?: boolean;
|
|
icon: Component;
|
|
iconSize?: string;
|
|
onclick: (e?: MouseEvent) => void;
|
|
size?: ButtonSize;
|
|
stopPropagationOnClick?: boolean;
|
|
tooltip: string;
|
|
variant?: ButtonVariant;
|
|
tooltipSide?: TooltipSide;
|
|
}
|
|
|
|
let {
|
|
icon,
|
|
tooltip,
|
|
variant = 'ghost',
|
|
size = 'sm',
|
|
class: className = '',
|
|
disabled = false,
|
|
iconSize = 'h-3 w-3',
|
|
tooltipSide = TooltipSide.TOP,
|
|
stopPropagationOnClick = false,
|
|
onclick,
|
|
ariaLabel
|
|
}: Props = $props();
|
|
</script>
|
|
|
|
<Tooltip.Root>
|
|
<Tooltip.Trigger>
|
|
<Button
|
|
{variant}
|
|
{size}
|
|
{disabled}
|
|
onclick={(e: MouseEvent) => {
|
|
if (stopPropagationOnClick) e.stopPropagation();
|
|
|
|
onclick?.(e);
|
|
}}
|
|
class="h-6 w-6 p-0 {className} flex hover:bg-transparent data-[state=open]:bg-transparent!"
|
|
aria-label={ariaLabel || tooltip}
|
|
>
|
|
{#if icon}
|
|
{@const IconComponent = icon}
|
|
<IconComponent class={iconSize} />
|
|
{/if}
|
|
</Button>
|
|
</Tooltip.Trigger>
|
|
|
|
<Tooltip.Content side={tooltipSide}>
|
|
<p>{tooltip}</p>
|
|
</Tooltip.Content>
|
|
</Tooltip.Root>
|