Reusable component to easy use atropos in laravel

atropos.blade.php

<!-- main Atropos container (required), add your custom class here -->
<div {{ $attributes->class('atropos') }}>
    <!-- scale container (required) -->
    <div class="atropos-scale">
        <!-- rotate container (required) -->
        <div class="atropos-rotate">
            <!-- inner container (required) -->
            <div class="atropos-inner">
                {{ $slot }}
            </div>
        </div>
    </div>
</div>

In Javascript app.ts:

import Atropos from 'atropos';
import "atropos/css"
Atropos({
  el: '.atropos',
  shadow: false
  // rest of parameters
});

To use Atropos in Laravel:

<x-atropos>
     <img src="..."  >
</x-atropos>