@props([
    'default' => 1,
    'sm' => null,
    'md' => null,
    'lg' => null,
    'xl' => null,
    'twoXl' => null,
    'hidden' => false,
])

<div {{ $attributes->class([
    'hidden' => $hidden,
    ($default && (! $hidden)) ? match ($default) {
        1 => 'col-span-1',
        2 => 'col-span-2',
        3 => 'col-span-3',
        4 => 'col-span-4',
        5 => 'col-span-5',
        6 => 'col-span-6',
        7 => 'col-span-7',
        8 => 'col-span-8',
        9 => 'col-span-9',
        10 => 'col-span-10',
        11 => 'col-span-11',
        12 => 'col-span-12',
        'full' => 'col-span-full',
        default => $default,
    } : null,
    ($sm && (! $hidden)) ? match ($sm) {
        1 => 'sm:col-span-1',
        2 => 'sm:col-span-2',
        3 => 'sm:col-span-3',
        4 => 'sm:col-span-4',
        5 => 'sm:col-span-5',
        6 => 'sm:col-span-6',
        7 => 'sm:col-span-7',
        8 => 'sm:col-span-8',
        9 => 'sm:col-span-9',
        10 => 'sm:col-span-10',
        11 => 'sm:col-span-11',
        12 => 'sm:col-span-12',
        'full' => 'sm:col-span-full',
        default => $sm,
    } : null,
    ($md && (! $hidden)) ? match ($md) {
        1 => 'md:col-span-1',
        2 => 'md:col-span-2',
        3 => 'md:col-span-3',
        4 => 'md:col-span-4',
        5 => 'md:col-span-5',
        6 => 'md:col-span-6',
        7 => 'md:col-span-7',
        8 => 'md:col-span-8',
        9 => 'md:col-span-9',
        10 => 'md:col-span-10',
        11 => 'md:col-span-11',
        12 => 'md:col-span-12',
        'full' => 'md:col-span-full',
        default => $md,
    } : null,
    ($lg && (! $hidden)) ? match ($lg) {
        1 => 'lg:col-span-1',
        2 => 'lg:col-span-2',
        3 => 'lg:col-span-3',
        4 => 'lg:col-span-4',
        5 => 'lg:col-span-5',
        6 => 'lg:col-span-6',
        7 => 'lg:col-span-7',
        8 => 'lg:col-span-8',
        9 => 'lg:col-span-9',
        10 => 'lg:col-span-10',
        11 => 'lg:col-span-11',
        12 => 'lg:col-span-12',
        'full' => 'lg:col-span-full',
        default => $lg,
    } : null,
    ($xl && (! $hidden)) ? match ($xl) {
        1 => 'xl:col-span-1',
        2 => 'xl:col-span-2',
        3 => 'xl:col-span-3',
        4 => 'xl:col-span-4',
        5 => 'xl:col-span-5',
        6 => 'xl:col-span-6',
        7 => 'xl:col-span-7',
        8 => 'xl:col-span-8',
        9 => 'xl:col-span-9',
        10 => 'xl:col-span-10',
        11 => 'xl:col-span-11',
        12 => 'xl:col-span-12',
        'full' => 'xl:col-span-full',
        default => $xl,
    } : null,
    ($twoXl && (! $hidden)) ? match ($twoXl) {
        1 => '2xl:col-span-1',
        2 => '2xl:col-span-2',
        3 => '2xl:col-span-3',
        4 => '2xl:col-span-4',
        5 => '2xl:col-span-5',
        6 => '2xl:col-span-6',
        7 => '2xl:col-span-7',
        8 => '2xl:col-span-8',
        9 => '2xl:col-span-9',
        10 => '2xl:col-span-10',
        11 => '2xl:col-span-11',
        12 => '2xl:col-span-12',
        'full' => '2xl:col-span-full',
        default => $twoXl,
    } : null,
]) }}>
    {{ $slot }}
</div>