<script lang="ts"> | |
export let title = ""; | |
export let classNames = ""; | |
</script> | |
<div class="flex items-center rounded-xl bg-gray-100 p-1 text-sm dark:bg-gray-800 {classNames}"> | |
<span | |
class="mr-2 inline-flex items-center rounded-lg bg-gradient-to-br from-primary-300 px-2 py-1 text-xxs font-medium uppercase leading-3 text-primary-700 dark:from-primary-900 dark:text-primary-400" | |
>New</span | |
> | |
{title} | |
<div class="ml-auto shrink-0"> | |
<slot /> | |
</div> | |
</div> | |