@props(['variant' => 'ghost'])
@php
    $variants = [
        'blue' => "bg-blue-100 text-blue-700",
        'purple' => "bg-purple-100 text-purple-700",
        'pink' => "bg-pink-100 text-pink-700",
        'green' => "bg-green-100 text-green-700",
        'ghost' => 'bg-gray-100 text-gray-900'
    ]
@endphp
<div class="p-4 {{$variants[$variant]}} w-fit rounded-xl">
    {{$slot}}
</div>