Newer
Older
Yassine Doghri
committed
<?php
declare(strict_types=1);
namespace App\Views\Components;
use ViewComponents\Component;
class Pill extends Component
{
/**
* @var 'small'|'base'
*/
public string $size = 'base';
public string $variant = 'default';
public ?string $icon = null;
Yassine Doghri
committed
public ?string $iconClass = '';
protected ?string $hint = null;
Yassine Doghri
committed
public function render(): string
{
$variantClasses = [
'default' => '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',
Yassine Doghri
committed
'danger' => 'text-red-900 bg-red-100 border-red-300',
'warning' => 'text-yellow-900 bg-yellow-100 border-yellow-300',
];
Yassine Doghri
committed
$icon = $this->icon ? icon($this->icon, $this->iconClass) : '';
$hint = $this->hint ? 'data-tooltip="bottom" title="' . $this->hint . '"' : '';
Yassine Doghri
committed
return <<<HTML
Yassine Doghri
committed
<span class="inline-flex items-center gap-x-1 px-1 font-semibold text-sm border rounded {$variantClasses[$this->variant]} {$this->class}" {$hint}>{$icon}{$this->slot}</span>