2024-09-02 15:43:41 +00:00
|
|
|
<c-vars color="gray" />
|
2024-08-08 18:17:43 +00:00
|
|
|
<a href="{{ href }}"
|
|
|
|
class="[&:first-of-type_button]:rounded-s-lg [&:last-of-type_button]:rounded-e-lg">
|
|
|
|
{% if color == "gray" %}
|
|
|
|
<button type="button"
|
2024-09-10 12:46:10 +00:00
|
|
|
title="{{ title }}"
|
2024-08-08 18:17:43 +00:00
|
|
|
class="px-2 py-1 text-xs font-medium text-gray-900 bg-white border border-gray-200 hover:bg-gray-100 hover:text-blue-700 focus:z-10 focus:ring-2 focus:ring-blue-700 focus:text-blue-700 dark:bg-gray-800 dark:border-gray-700 dark:text-white dark:hover:text-white dark:hover:bg-gray-700 dark:focus:ring-blue-500 dark:focus:text-white">
|
2024-09-08 19:03:37 +00:00
|
|
|
{{ slot }}
|
2024-08-08 18:17:43 +00:00
|
|
|
</button>
|
|
|
|
{% elif color == "red" %}
|
|
|
|
<button type="button"
|
2024-09-10 12:46:10 +00:00
|
|
|
title="{{ title }}"
|
2024-08-08 18:17:43 +00:00
|
|
|
class="px-2 py-1 text-xs font-medium text-gray-900 bg-white border border-gray-200 hover:bg-red-500 hover:text-white focus:z-10 focus:ring-2 focus:ring-blue-700 focus:text-blue-700 dark:bg-gray-800 dark:border-gray-700 dark:text-white dark:hover:text-white dark:hover:border-red-700 dark:hover:bg-red-700 dark:focus:ring-blue-500 dark:focus:text-white">
|
2024-09-08 19:03:37 +00:00
|
|
|
{{ slot }}
|
2024-08-08 18:17:43 +00:00
|
|
|
</button>
|
|
|
|
{% elif color == "green" %}
|
|
|
|
<button type="button"
|
2024-09-10 12:46:10 +00:00
|
|
|
title="{{ title }}"
|
2024-08-08 18:17:43 +00:00
|
|
|
class="px-2 py-1 text-xs font-medium text-gray-900 bg-white border border-gray-200 hover:bg-green-500 hover:border-green-600 hover:text-white focus:z-10 focus:ring-2 focus:ring-green-700 focus:text-blue-700 dark:bg-gray-800 dark:border-gray-700 dark:text-white dark:hover:text-white dark:hover:border-green-700 dark:hover:bg-green-600 dark:focus:ring-green-500 dark:focus:text-white">
|
2024-09-08 19:03:37 +00:00
|
|
|
{{ slot }}
|
2024-08-08 18:17:43 +00:00
|
|
|
</button>
|
|
|
|
{% endif %}
|
|
|
|
</a>
|