{if $type === 'light'}
    <span class="tw-inline-flex tw-items-center tw-justify-center tw-gap-1 tw-rounded-full
    tw-bg-brand-50 tw-px-2.5 tw-py-1 tw-text-xs tw-font-medium tw-text-brand-500
    tw-dark:bg-brand-500/15 tw-dark:text-brand-400 tw-break-all">
        {$text}
    </span>
{elseif $type === 'solid'}
    <span class="tw-inline-flex tw-items-center tw-justify-center tw-gap-1 tw-rounded-full
    tw-bg-brand-500 tw-px-2.5 tw-py-1 tw-text-xs tw-font-medium tw-text-white tw-break-all">
        {$text}
    </span>
{/if}
