{if $type === 'light'}
    <span class="tw-inline-flex tw-items-center tw-justify-center tw-gap-1 tw-rounded-full
    tw-bg-gray-100 tw-px-2.5 tw-py-1 tw-text-xs tw-font-medium tw-text-gray-700
    tw-dark:bg-white/5 tw-dark:text-gray/80">
        {$text}
    </span>
{elseif $type === 'solid'}
    <span class="tw-inline-flex tw-items-center tw-justify-center tw-gap-1 tw-rounded-full
    tw-bg-gray-400 tw-px-2.5 tw-py-1 tw-text-xs tw-font-medium tw-text-white
    tw-dark:bg-white/5 tw-dark:text-white/80">
        {$text}
    </span>
{/if}
