@props([
'position' => '',
'transparent' => false,
])

@php
$alignmentClasses = $position === 'left' ? 'text-left' : 'text-center';
$backgroundClasses = $transparent
? 'bg-transparent border-transparent'
: 'bg-white dark:bg-black border-muted';
@endphp

<div {{ $attributes->merge(['class' => cn(
    'group flex flex-col border rounded-lg p-6 transition-all items-center duration-300',
    $backgroundClasses,
    $alignmentClasses
)]) }}>
    {{ $slot }}
</div>