{{--
    Table Data Cell Component - AdminLTE style
--}}

@props([
    'align' => 'start',
    'nowrap' => false,
    'muted' => false,
    'strong' => false,
])

@php
    $alignStyles = [
        'start' => 'text-align: left;',
        'center' => 'text-align: center;',
        'end' => 'text-align: right;',
    ];
    $alignStyle = $alignStyles[$align] ?? $alignStyles['start'];
@endphp

<style>
    .table-td-lte {
        padding: 0.875rem 1.25rem;
        font-size: 0.875rem;
        color: #495057;
        vertical-align: middle;
    }
    .table-td-lte-nowrap {
        white-space: nowrap;
    }
    .table-td-lte-muted {
        color: var(--lte-secondary, #6c757d);
    }
    .table-td-lte-strong {
        font-weight: 500;
        color: #212529;
    }
    .dark .table-td-lte {
        color: #d1d5db;
    }
    .dark .table-td-lte-muted {
        color: #9ca3af;
    }
    .dark .table-td-lte-strong {
        color: #f3f4f6;
    }
</style>

<td 
    style="{{ $alignStyle }}"
    {{ $attributes->class([
        'table-td-lte',
        'table-td-lte-nowrap' => $nowrap,
        'table-td-lte-muted' => $muted,
        'table-td-lte-strong' => $strong,
    ]) }}
>
    {{ $slot }}
</td>