اسنک‌بار

<div className="flex items-center gap-3 rounded-lg border bg-background p-4 shadow-lg">
  <Info className="h-5 w-5 text-muted-foreground shrink-0" />
  <div className="flex-1 space-y-0.5">
    <p className="text-sm font-medium">عنوان</p>
    <p className="text-xs text-muted-foreground">متن توضیحات</p>
  </div>
  <Button variant="ghost" size="icon"><X className="h-4 w-4" /></Button>
</div>