25 lines
818 B
Svelte
25 lines
818 B
Svelte
<script lang="ts">
|
|
import { AlertCircle, HelpCircle, MapPin } from 'lucide-svelte';
|
|
|
|
interface Props {
|
|
dentroRaioPermitido: boolean | null | undefined;
|
|
showTooltip?: boolean;
|
|
}
|
|
|
|
const { dentroRaioPermitido, showTooltip = true }: Props = $props();
|
|
</script>
|
|
|
|
{#if dentroRaioPermitido === true}
|
|
<div class="tooltip tooltip-top" data-tip={showTooltip ? 'Dentro do Raio' : ''}>
|
|
<MapPin class="text-success h-5 w-5" strokeWidth={2.5} />
|
|
</div>
|
|
{:else if dentroRaioPermitido === false}
|
|
<div class="tooltip tooltip-top" data-tip={showTooltip ? 'Fora do Raio' : ''}>
|
|
<AlertCircle class="text-error h-5 w-5" strokeWidth={2.5} />
|
|
</div>
|
|
{:else}
|
|
<div class="tooltip tooltip-top" data-tip={showTooltip ? 'Não Validado' : ''}>
|
|
<HelpCircle class="text-base-content/40 h-5 w-5" strokeWidth={2.5} />
|
|
</div>
|
|
{/if}
|