@props([
    'name',        // npr. 'chevron-up' | 'chevron-down'
    'size' => 16,  // broj ili string ('1em', '20', ...)
    'class' => '', // dodatne klase
    'stroke' => 'currentColor',
    'strokeWidth' => 2,
])

@php
    $sizeAttr = is_numeric($size) ? $size.'px' : $size;
@endphp

@if ($name === 'chevron-up')
<svg xmlns="http://www.w3.org/2000/svg"
     width="{{ $sizeAttr }}" height="{{ $sizeAttr }}"
     viewBox="0 0 24 24" fill="none"
     stroke="{{ $stroke }}" stroke-width="{{ $strokeWidth }}"
     stroke-linecap="round" stroke-linejoin="round"
     class="{{ $class }}" aria-hidden="true" focusable="false">
    <path d="M6 15l6-6 6 6"/>
</svg>

@elseif ($name === 'chevron-down')
<svg xmlns="http://www.w3.org/2000/svg"
     width="{{ $sizeAttr }}" height="{{ $sizeAttr }}"
     viewBox="0 0 24 24" fill="none"
     stroke="{{ $stroke }}" stroke-width="{{ $strokeWidth }}"
     stroke-linecap="round" stroke-linejoin="round"
     class="{{ $class }}" aria-hidden="true" focusable="false">
    <path d="M6 9l6 6 6-6"/>
</svg>

@else
{{-- fallback (neobavezno) --}}
<svg xmlns="http://www.w3.org/2000/svg"
     width="{{ $sizeAttr }}" height="{{ $sizeAttr }}"
     viewBox="0 0 24 24" fill="none"
     stroke="{{ $stroke }}" stroke-width="{{ $strokeWidth }}"
     stroke-linecap="round" stroke-linejoin="round"
     class="{{ $class }}" aria-hidden="true" focusable="false">
    <circle cx="12" cy="12" r="9"/>
</svg>
@endif