@props([
    'type' => 'info',
    'title' => null,
    'message' => null,
    'duration' => 5200,
])

@php
    $type = in_array($type, ['success', 'error', 'warning', 'info'], true) ? $type : 'info';
    $defaults = [
        'success' => ['title' => __('kview-ui-core::ui.toast.success'), 'icon' => 'check'],
        'error' => ['title' => __('kview-ui-core::ui.toast.error'), 'icon' => 'x'],
        'warning' => ['title' => __('kview-ui-core::ui.toast.warning'), 'icon' => 'alert'],
        'info' => ['title' => __('kview-ui-core::ui.toast.info'), 'icon' => 'info'],
    ];
    $durationMs = is_numeric($duration) ? max(0, (int) $duration) : 5000;
    $toastStyle = trim('--toast-duration: '.$durationMs.'ms; '.$attributes->get('style', ''));
@endphp

<div
    {{ $attributes->except('style')->class(['ui-toast', 'ui-toast--'.$type])->merge([
        'role' => $type === 'error' ? 'alert' : 'status',
        'data-ui-toast' => true,
        'data-toast-duration' => $durationMs,
        'style' => $toastStyle,
    ]) }}
>
    <span class="ui-toast-icon" aria-hidden="true">
        <x-ui.icon :name="$defaults[$type]['icon']" size="16" />
    </span>
    <span class="ui-toast-copy">
        <strong>{{ $title ?: $defaults[$type]['title'] }}</strong>
        @if ($message)
            <span>{{ $message }}</span>
        @endif
    </span>
    <x-ui.icon-button
        icon="x"
        :label="__('kview-ui-core::ui.toast.dismiss')"
        variant="ghost"
        size="sm"
        :tooltip="false"
        class="ui-toast-close"
        data-ui-toast-close
    />
    @if ($durationMs > 0)
        <span class="ui-toast-progress" aria-hidden="true"></span>
    @endif
</div>