| <script lang="ts"> | |
| export let type = 'info'; | |
| export let content = ''; | |
| const classNames: Record<string, string> = { | |
| info: 'bg-blue-500/20 text-blue-700 dark:text-blue-200 ', | |
| success: 'bg-green-500/20 text-green-700 dark:text-green-200', | |
| warning: 'bg-yellow-500/20 text-yellow-700 dark:text-yellow-200', | |
| error: 'bg-red-500/20 text-red-700 dark:text-red-200', | |
| muted: 'bg-gray-500/20 text-gray-700 dark:text-gray-200' | |
| }; | |
| </script> | |
| <div | |
| class=" text-xs font-bold {classNames[type] ?? | |
| classNames['info']} w-fit px-2 rounded uppercase line-clamp-1 mr-0.5" | |
| > | |
| {content} | |
| </div> | |