<script lang="ts">
	import { MapPin, AlertCircle, HelpCircle } from 'lucide-svelte';

	interface Props {
		dentroRaioPermitido: boolean | null | undefined;
		showTooltip?: boolean;
	}

	let { 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}
