بنر

<div className="flex items-start gap-3 rounded-lg border bg-muted/50 p-4">
  <Info className="h-5 w-5 text-muted-foreground mt-0.5 shrink-0" />
  <div className="flex-1 space-y-1">
    <p className="text-sm font-medium">عنوان</p>
    <p className="text-sm text-muted-foreground">این متن آزمایشی است.</p>
  </div>
  <Button variant="ghost" size="icon"><X className="h-4 w-4" /></Button>
</div>