@props(['name', 'count', 'amount', 'capacity', 'class', 'subclass'])
<div class="flex flex-col p-5 space-y-3 rounded-lg max-w-full {{ $class }}">
    <div class="flex items-center justify-start space-x-3">
        <p class="font-bold">{{ $name }} - </p>
        <p class="">{{ $count }}</p>
    </div>
    <div class="flex items-center justify-between w-full space-x-3">
        <p class="px-3 py-1">{{ $capacity }} GB</p>
        <p class="px-3 py-1 {{ $subclass }} rounded-lg">GH&#8373; {{ $amount }}</p>
    </div>
</div>
