@props([
    'tabContent' => '',
    'scrollDirection' => '',
])

<div class="scroll-arrow {{ $scrollDirection }}-arrow" onclick='scrollContent("{{ $tabContent }}", "{{ $scrollDirection }}")'>
    <i class="fas fa-chevron-{{ $scrollDirection }}"></i>
</div>