@props([
    'type' => 'fade-up',
    'offset' => '60',
    'delay' => '0',
    'duration' => '1000',
    'easing' => 'ease',
    'mirror' => 'false',
    'once' => 'true',
    'anchor' => 'top-bottom',
])


<div data-aos="{{ $type }}" data-aos-offset="{{ $offset }}" data-aos-delay="{{ $delay }}"
    data-aos-duration="{{ $duration }}" data-aos-easing="{{ $easing }}" data-aos-mirror="{{ $mirror }}"
    data-aos-once="{{ $once }}" data-aos-anchor-placement="{{ $anchor }}">
    {{ $slot }}
</div>