@props([
    'board',
    'post',
    'action' => '',
    'title' => '비회원 비밀번호 확인',
])

<div class="mx-auto max-w-xl space-y-6 rounded-[var(--radius-xl)] border border-muted bg-surface p-6">
    <div class="space-y-2">
        <div class="text-xs font-semibold c-subtle">비회원 글</div>
        <h1 class="text-2xl font-extrabold c-main">{{ $post->title }}</h1>
    </div>

    <form method="POST" action="{{ $action }}" class="space-y-4">
        @csrf
        <input type="hidden" name="action" value="{{ request('action', 'edit') }}">
        <x-ui.input type="password" name="password" label="비밀번호" required />
        <div class="flex justify-end">
            <x-ui.button type="submit" variant="primary">확인</x-ui.button>
        </div>
    </form>
</div>