<?php $attributes ??= new \Illuminate\View\ComponentAttributeBag;

$__newAttributes = [];
$__propNames = \Illuminate\View\ComponentAttributeBag::extractPropNames(([
    'icon', // Icon component name, e.g. 'currency-dollar'
    'bgColor', // bg color class for light mode, e.g. 'bg-sky-100'
    'darkBgColor', // bg color class for dark mode, e.g. 'dark:bg-sky-800'
    'textColor', // icon color for light mode, e.g. 'text-sky-600'
    'darkTextColor', // icon color for dark mode, e.g. 'dark:text-sky-300'
    'label', // Small label, e.g. 'Amount'
    'value', // Main value to display, e.g. '$100'
]));

foreach ($attributes->all() as $__key => $__value) {
    if (in_array($__key, $__propNames)) {
        $$__key = $$__key ?? $__value;
    } else {
        $__newAttributes[$__key] = $__value;
    }
}

$attributes = new \Illuminate\View\ComponentAttributeBag($__newAttributes);

unset($__propNames);
unset($__newAttributes);

foreach (array_filter(([
    'icon', // Icon component name, e.g. 'currency-dollar'
    'bgColor', // bg color class for light mode, e.g. 'bg-sky-100'
    'darkBgColor', // bg color class for dark mode, e.g. 'dark:bg-sky-800'
    'textColor', // icon color for light mode, e.g. 'text-sky-600'
    'darkTextColor', // icon color for dark mode, e.g. 'dark:text-sky-300'
    'label', // Small label, e.g. 'Amount'
    'value', // Main value to display, e.g. '$100'
]), 'is_string', ARRAY_FILTER_USE_KEY) as $__key => $__value) {
    $$__key = $$__key ?? $__value;
}

$__defined_vars = get_defined_vars();

foreach ($attributes->all() as $__key => $__value) {
    if (array_key_exists($__key, $__defined_vars)) unset($$__key);
}

unset($__defined_vars, $__key, $__value); ?>

<div class="flex flex-col items-center">
    <div class="w-10 h-10 rounded-full <?php echo e($bgColor); ?> <?php echo e($darkBgColor); ?> flex items-center justify-center mb-2">
        <?php if (isset($component)) { $__componentOriginal511d4862ff04963c3c16115c05a86a9d = $component; } ?>
<?php if (isset($attributes)) { $__attributesOriginal511d4862ff04963c3c16115c05a86a9d = $attributes; } ?>
<?php $component = Illuminate\View\DynamicComponent::resolve(['component' => $icon] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? $attributes->all() : [])); ?>
<?php $component->withName('dynamic-component'); ?>
<?php if ($component->shouldRender()): ?>
<?php $__env->startComponent($component->resolveView(), $component->data()); ?>
<?php if (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag): ?>
<?php $attributes = $attributes->except(\Illuminate\View\DynamicComponent::ignoredParameterNames()); ?>
<?php endif; ?>
<?php $component->withAttributes(['class' => 'w-5 h-5 '.e($textColor).' '.e($darkTextColor).'']); ?>
<?php \Livewire\Features\SupportCompiledWireKeys\SupportCompiledWireKeys::processComponentKey($component); ?>

<?php echo $__env->renderComponent(); ?>
<?php endif; ?>
<?php if (isset($__attributesOriginal511d4862ff04963c3c16115c05a86a9d)): ?>
<?php $attributes = $__attributesOriginal511d4862ff04963c3c16115c05a86a9d; ?>
<?php unset($__attributesOriginal511d4862ff04963c3c16115c05a86a9d); ?>
<?php endif; ?>
<?php if (isset($__componentOriginal511d4862ff04963c3c16115c05a86a9d)): ?>
<?php $component = $__componentOriginal511d4862ff04963c3c16115c05a86a9d; ?>
<?php unset($__componentOriginal511d4862ff04963c3c16115c05a86a9d); ?>
<?php endif; ?>
    </div>
    <span class="text-xs text-gray-400 dark:text-white uppercase"><?php echo e($label); ?></span>
    <span class="mt-1 text-gray-400 dark:text-white font-bold text-lg"><?php echo e($value); ?></span>
</div>
<?php /**PATH /Users/macuser/Herd/Novabank/resources/views/components/transaction-card.blade.php ENDPATH**/ ?>