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