'text-gray-800 bg-gray-100 border-gray-300', 'primary' => 'text-accent-contrast bg-accent-base border-accent-base', 'success' => 'text-pine-900 bg-pine-100 border-pine-300', 'danger' => 'text-red-900 bg-red-100 border-red-300', 'warning' => 'text-yellow-900 bg-yellow-100 border-yellow-300', ]; $icon = $this->icon ? icon($this->icon, $this->iconClass) : ''; $hint = $this->hint ? 'data-tooltip="bottom" title="' . $this->hint . '"' : ''; return <<{$icon}{$this->slot} HTML; } }