@props(['rows'])

<table class="w-full table-auto border-collapse text-sm">
    <thead>
        <tr class="bg-gray-100">
            <th class="border px-2 py-1 text-left">Day</th>
            <th class="border px-2 py-1 text-left">Platform</th>
            <th class="border px-2 py-1 text-left">Format</th>
            <th class="border px-2 py-1 text-left">Title / Hook</th>
            <th class="border px-2 py-1 text-left">Description</th>
            <th class="border px-2 py-1 text-left">Call-to-Action</th>
            
        </tr>
    </thead>
    <tbody>
        @foreach ($rows as $row)
            <tr>
                <td class="border px-2 py-1">{{ $row['Day'] }}</td>
                <td class="border px-2 py-1">{{ $row['Platform'] }}</td>
                <td class="border px-2 py-1">{{ $row['Content Format'] }}</td>
                <td class="border px-2 py-1">{{ $row['Post Title or Hook'] }}</td>
                <td class="border px-2 py-1">{{ $row['Full Content Description'] }}</td>
                <td class="border px-2 py-1">{{ $row['Call-to-action'] }}</td>
               
            </tr>
        @endforeach
    </tbody>
</table>