@props([
    'columns' => '6'
])
@php
    $columnClasses = [
        '1' => '',
        '2' => 'sm:grid-cols-2',
        '3' => 'sm:grid-cols-3',
        '4' => 'sm:grid-cols-4',
        '5' => 'sm:grid-cols-5',
        '6' => 'sm:grid-cols-6',
        '7' => 'sm:grid-cols-7',
        '8' => 'sm:grid-cols-8',
        '9' => 'sm:grid-cols-9',
        '10' => 'sm:grid-cols-10',
        '11' => 'sm:grid-cols-11',
        '12' => 'sm:grid-cols-12'
    ];
    $classes = "grid grid-cols-1 gap-x-6 gap-y-3 ";
    $classes .= $columnClasses["$columns"]
@endphp
<div {{ $attributes->merge(['class' => $classes]) }}>
    {{ $slot }}
</div>