@props([
  'message' => null,
  'bag' => null,
])

@php
  $msg = $message;
  if ($msg === null && $bag !== null) {
    $msg = $errors?->{$bag}?->first();
  }
  if ($msg === null && isset($errors) && $errors->any()) {
    $msg = $errors->first();
  }
@endphp

@if ($msg)
  <div {{ $attributes->merge(['class' => 'rounded-xl text-[14px] px-4 py-3 bg-destructive/10 text-destructive']) }}>
    {{ $msg }}
  </div>
@endif