@switch($color)
    @case('green')
        <p onclick="this.remove()"
            style="padding: 7px; color: rgb(27 175 0); border: 1px solid rgb(29 249 0); background-color: rgb(186 255 193); border-radius: 10px; font-size: 11px; margin-top: 5px;margin-bottom: -2px;">{{$text}}</p>
    @break

    @case('blue')
    <p onclick="this.remove()"
    style="padding: 7px; color: rgb(0 150 175); border: 1px solid rgb(0 190 249);
background-color: rgb(186 234 255); border-radius: 10px; font-size: 11px; margin-top: 5px;margin-bottom: -2px;">{{$text}}</p>
    @break

    @default
    <p onclick="this.remove()"
            style="padding: 7px; color: {{$color['text']}}; border: 1px solid {{$color['border']}};
    background-color: {{$color['background']}}; border-radius: 10px; font-size: 11px; margin-top: 5px;margin-bottom: -2px;">{{$text}}</p>
@endswitch