هشدار (Alert)

import { Alert, AlertDescription, AlertTitle } from '@parto/ui';

<div className="space-y-4">
  <Alert>
    <AlertTitle>اطلاعیه</AlertTitle>
    <AlertDescription>این یک پیام اطلاعاتی برای کاربر است.</AlertDescription>
  </Alert>

  <Alert variant="destructive">
    <AlertTitle>خطا</AlertTitle>
    <AlertDescription>مشکلی در ذخیره‌سازی اطلاعات به‌وجود آمد.</AlertDescription>
  </Alert>
</div>

<Alert>
  <AlertTitle>اطلاعات</AlertTitle>
  <AlertDescription>
    این یک پیام اطلاعاتی است.
  </AlertDescription>
</Alert>

<Alert variant="info">
  <AlertTitle>اطلاعات</AlertTitle>
  <AlertDescription>
    این یک پیام اطلاعاتی است.
  </AlertDescription>
</Alert>

<Alert variant="success">
  <AlertTitle>موفقیت</AlertTitle>
  <AlertDescription>
    عملیات با موفقیت انجام شد.
  </AlertDescription>
</Alert>

<Alert variant="warning">
  <AlertTitle>هشدار</AlertTitle>
  <AlertDescription>
    لطفاً این مورد را بررسی کنید.
  </AlertDescription>
</Alert>

<Alert variant="destructive">
  <AlertTitle>خطا</AlertTitle>
  <AlertDescription>
    یک خطای مهم رخ داده است.
  </AlertDescription>
</Alert>

import { Icons } from '@parto/ui';

<Alert>
  <Icons.info className="h-4 w-4" />
  <AlertTitle>اطلاعات</AlertTitle>
  <AlertDescription>
    پیام با آیکون اطلاعات
  </AlertDescription>
</Alert>