23 lines
828 B
PHP
23 lines
828 B
PHP
@props(['size' => 3, 'type' => 'button'])
|
|
|
|
@php
|
|
$classes = [
|
|
'bg-brand-600 font-semibold text-white shadow-xs hover:bg-brand-500 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-brand-600 dark:bg-brand-500 dark:shadow-none dark:hover:bg-brand-400 dark:focus-visible:outline-brand-500',
|
|
'rounded-sm px-2 py-1 text-xs' => $size == 1,
|
|
'rounded-sm px-2 py-1 text-sm' => $size == 2,
|
|
'rounded-md px-2.5 py-1.5 text-sm' => $size == 3,
|
|
'rounded-md px-3 py-2 text-sm' => $size == 4,
|
|
'rounded-md px-3.5 py-2.5 text-sm' => $size == 5,
|
|
];
|
|
@endphp
|
|
|
|
@if($type === 'link')
|
|
<a {{ $attributes->class($classes) }}>
|
|
{{ $slot }}
|
|
</a>
|
|
@else
|
|
<button type="{{ $type }}" {{ $attributes->class($classes) }}>
|
|
{{ $slot }}
|
|
</button>
|
|
@endif
|