<script lang="ts">
    import * as Tooltip from "$lib/components/ui/tooltip";

    interface Props {
        text: string;
        hover: string;
        colors: string;
    }
    let { text, hover, colors }: Props = $props();
</script>

<Tooltip.Root>
    <Tooltip.Trigger class="px-2 py-1 {colors} font-semibold">{text}</Tooltip.Trigger>
    <Tooltip.Content>
        <p>{hover}</p>
    </Tooltip.Content>
</Tooltip.Root>