@props(['mode', 'values'])
<div
	class="min-w-full max-h-[90vh] bg-zinc-800 rounded-[1rem] overflow-y-auto border-opacity-40 border-red-400 border-l border-t {{ $mode === 'tableVertical' ? 'border-r' : 'border-b' }} last:border-none scrollbar-thin">
	<div class="mx-auto min-w-max {{ $mode === 'tableVertical' ? 'flex' : '' }}">
		@foreach($values as $index => $value)
			<x-table.row :header="$index === 0" :values="$value"
			             :mode="$mode"/>
		@endforeach
	</div>
</div>