'use client';

import PageContainer from '@/components/layout/page-container';
import { Icons } from '@/components/icons';
import { Alert, AlertDescription, AlertTitle } from '@/components/ui/alert';
import { Button } from '@/components/ui/button';

export default function AnnouncementsError({
  error,
  reset
}: {
  error: Error;
  reset: () => void;
}) {
  return (
    <PageContainer pageTitle='ประกาศ' pageDescription='เกิดข้อผิดพลาดระหว่างโหลดรายการประกาศ'>
      <Alert variant='destructive' className='max-w-3xl'>
        <Icons.alertCircle className='h-4 w-4' />
        <AlertTitle>ไม่สามารถโหลดรายการประกาศได้</AlertTitle>
        <AlertDescription className='space-y-3'>
          <p>{error.message}</p>
          <Button variant='outline' onClick={reset}>
            ลองใหม่
          </Button>
        </AlertDescription>
      </Alert>
    </PageContainer>
  );
}
