src/lib/components/OverflowTooltip.svelte

<script lang="ts">
	import OverflowCursorTooltip from '$lib/components/tooltips/OverflowCursorTooltip.svelte';
	import { cn } from '$lib/utils';

	type Props = {
		text: string;
		class?: string;
		triggerClass?: string;
		contentClass?: string;
	};

	let {
		text,
		class: className = '',
		triggerClass = 'block min-w-0',
		contentClass = 'max-w-sm break-all'
	}: Props = $props();
</script>

<OverflowCursorTooltip
	{text}
	labelClass={cn(triggerClass, className)}
	tooltipClass={contentClass}
	position="label"
/>