<%
var _v  = locals.variant || 'neutral';
var _sz = locals.size    || 'md';

var vc = {
  success: 'bg-success-subtle text-success-fg',
  error:   'bg-error-subtle text-error-fg',
  warning: 'bg-warning-subtle text-warning-fg',
  info:    'bg-info-subtle text-info-fg',
  neutral: 'bg-surface-sunken text-text-secondary',
  primary: 'bg-primary-subtle text-primary',
}[_v] || 'bg-surface-sunken text-text-secondary';

var sc = {
  sm: 'px-1.5 py-0 text-[10px]',
  md: 'px-2 py-0.5 text-xs',
  lg: 'px-3 py-1 text-sm',
}[_sz] || 'px-2 py-0.5 text-xs';

var dc = {
  success: 'bg-success', error: 'bg-error', warning: 'bg-warning',
  info: 'bg-info', neutral: 'bg-text-disabled', primary: 'bg-primary',
}[_v] || 'bg-text-disabled';
%>

  <% if (locals.dot) { %>
    
  <% } %>
  <%= locals.children %>
  <% if (locals.dismissible) { %>
    
      
    
  <% } %>