merge($getExtraAttributes(), escape: false)
->class([
'fi-ta-split flex',
match ($getFromBreakpoint()) {
'sm' => 'flex-col gap-2 sm:flex-row sm:items-center sm:gap-3',
'md' => 'flex-col gap-2 md:flex-row md:items-center md:gap-3',
'lg' => 'flex-col gap-2 lg:flex-row lg:items-center lg:gap-3',
'xl' => 'flex-col gap-2 xl:flex-row xl:items-center xl:gap-3',
'2xl' => 'flex-col gap-2 2xl:flex-row 2xl:items-center 2xl:gap-3',
default => 'items-center gap-3',
},
])
}}
>