@props([
  'available' => false,
  'label' => 'Start Designing',
  'service' => null,
  'color' => 'primary',
])

{{-- Botón que arranca el diseñador con IA. Contrato con la isla de la tool
     (parte interactiva, la monta Tools): `data-ai-designer-start` y, opcional,
     `data-ai-designer-service="<código del catálogo>"` para arrancar con un
     servicio elegido. Este botón NO trae JS: el click lo escucha la isla.

     Sin catálogo ($available false) la tool no se monta, así que en vez del
     botón va un link a /estimate — un botón que no hace nada sería peor. --}}
@php
  $btnClass = $color === 'warm' ? 'btn btn-warm' : 'btn btn-primary';
@endphp

@if ($available)
  <button
    type="button"
    data-ai-designer-start
    @if ($service) data-ai-designer-service="{{ $service }}" @endif
    {{ $attributes->class([$btnClass]) }}
  >
    <x-lucide-sparkles class="h-4 w-4" />
    <span>{{ $label }}</span>
  </button>
@else
  <a href="{{ route('estimate') }}" {{ $attributes->class([$btnClass]) }}>
    <span>Get A Free Estimate</span>
    <x-lucide-arrow-right class="h-4 w-4" />
  </a>
@endif