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

$__newAttributes = [];
$__propNames = \Illuminate\View\ComponentAttributeBag::extractPropNames(([
    'title',
    'value',
    'tone' => 'positive',
    'subtitle' => null,
    'accent' => null,
]));

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(([
    'title',
    'value',
    'tone' => 'positive',
    'subtitle' => null,
    'accent' => null,
]), '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); ?>
<?php
    $accentColors = [
        'positive' => 'bg-emerald-500',
        'warning' => 'bg-amber-500',
        'critical' => 'bg-rose-500',
        'info' => 'bg-sky-500',
        'primary' => 'bg-teal-600',
        'violet' => 'bg-violet-500',
        'sky' => 'bg-sky-500',
        'emerald' => 'bg-emerald-500',
        'amber' => 'bg-amber-500',
        'slate' => 'bg-slate-400',
        'rose' => 'bg-rose-500',
        'indigo' => 'bg-indigo-500',
        'orange' => 'bg-orange-500',
        'teal' => 'bg-teal-600',
    ];

    $leftAccent = $accentColors[$accent ?? $tone] ?? $accentColors['positive'];

    $valueClass = match ($tone) {
        'critical' => 'text-rose-700',
        'warning' => 'text-amber-700',
        'info' => 'text-sky-700',
        default => 'text-slate-900',
    };
?>
<div <?php echo e($attributes->merge(['class' => 'relative overflow-hidden rounded-2xl border border-slate-200 bg-white p-4 pl-5 shadow-sm'])); ?>>
    <span class="absolute inset-y-0 left-0 w-1.5 rounded-l-2xl <?php echo e($leftAccent); ?>" aria-hidden="true"></span>
    <p class="text-xs font-semibold uppercase tracking-wide text-slate-500"><?php echo e($title); ?></p>
    <p class="mt-2 text-xl font-bold tabular-nums <?php echo e($valueClass); ?>"><?php echo e($value); ?></p>
    <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php if($subtitle): ?>
        <p class="mt-1 text-xs text-slate-600"><?php echo e($subtitle); ?></p>
    <?php endif; ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>
</div>
<?php /**PATH /var/www/html/kiyohr/v2_version/resources/views/components/kpi-card.blade.php ENDPATH**/ ?>