I wonder if it is better use this code. Use a switch instead of several if statements. Use the IdeaStatus enum we created in previous lessons to have consistency. Adding a red color for unknown status (improvably but possible). It is what I do in real life but not sure if Laravel has any considerations to use strings or it is just a lesson and Jeffrey make easier to use strings to not add to much stuff.

@props([
    'status' => null
])

@php
    use App\IdeaStatus;

    $classes = 'inline-block rounded-full border px-2 py-1 text-xs font-medium';

    switch($status) {
        case IdeaStatus::PENDING->value:
            $classes .=' bg-yellow-500/10 text-yellow-500 border-yellow-500/20';
        break;
        case IdeaStatus::IN_PROGRESS->value:
            $classes .=' bg-blue-500/10 text-blue-500 border-blue-500/20';
        break;
        case IdeaStatus::COMPLETED->value:
            $classes .=' bg-green-500/10 text-green-500 border-green-500/20';
        break;
        default:
            $classes .=' bg-red-500/10 text-red-500 border-red-500/20';
    }    
@endphp

<span {{ $attributes(['class' => $classes]) }}>
        {{ $slot }}    
</span>

Idea Cards