@props(['href' => '#', 'class' => ''])

<a class="delete-icon-btn {{ $class }} remove" href="#" data-bs-toggle="modal"
    data-bs-target="#global-delete-modal" data-href="{{ $href }}">
    <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22" fill="none">
        <path
            d="M14.5984 5.6V4.88C14.5984 3.87191 14.5984 3.36786 14.4022 2.98282C14.2297 2.64413 13.9543 2.36876 13.6156 2.19619C13.2306 2 12.7265 2 11.7184 2H10.2784C9.27034 2 8.7663 2 8.38125 2.19619C8.04256 2.36876 7.7672 2.64413 7.59463 2.98282C7.39844 3.36786 7.39844 3.87191 7.39844 4.88V5.6M9.19844 10.55V15.05M12.7984 10.55V15.05M2.89844 5.6H19.0984M17.2984 5.6V15.68C17.2984 17.1921 17.2984 17.9482 17.0042 18.5258C16.7453 19.0338 16.3322 19.4469 15.8242 19.7057C15.2466 20 14.4906 20 12.9784 20H9.01844C7.5063 20 6.75022 20 6.17266 19.7057C5.66463 19.4469 5.25158 19.0338 4.99272 18.5258C4.69844 17.9482 4.69844 17.1921 4.69844 15.68V5.6"
            stroke="white" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"></path>
    </svg>
</a>