@props([
    'animated' => true,
    'size' => 'md',
])

@php
    $sizes = [
        'sm' => 'h-4 w-4',
        'md' => 'h-6 w-6',
        'lg' => 'h-8 w-8',
        'xl' => 'h-12 w-12',
    ];
    $sizeClass = $sizes[$size] ?? $sizes['md'];
@endphp

<svg
    {{ $attributes->merge(['class' => $sizeClass . ' text-success ' . ($animated ? 'checkmark-animated' : '')]) }}
    xmlns="http://www.w3.org/2000/svg"
    fill="none"
    viewBox="0 0 24 24"
    stroke="currentColor"
    aria-hidden="true"
>
    <path
        stroke-linecap="round"
        stroke-linejoin="round"
        stroke-width="2"
        d="M5 13l4 4L19 7"
    />
</svg>