Build a toast notification component with Tailwind CSS: a stack of toasts anchored bottom-right (bottom-center on mobile) with an icon, message, optional action link and a close button. Support success, error, warning and info variants with matching icon colors, auto-dismiss after five seconds with a thin progress line showing the remaining time, pause the timer on hover, and animate in from the right with a slide while stacking new toasts above older ones. Include a demo trigger button.
提示词保持英文原文——直接粘贴进 Claude、Cursor、v0 或任何 AI 编程工具即可使用。