{{-- A labelled group of items in an `<x-menu>`: "Sort by", "Share with". --}}

@props(['label'])

<div role="group" aria-label="{{ $label }}" {{ $attributes->class('py-1 first:pt-0 last:pb-0') }}>
    <div aria-hidden="true" class="px-4 pt-2 pb-1 type-label-lg text-on-surface-variant">{{ $label }}</div>

    {{ $slot }}
</div>