@props({'orientation': 'horizontal'})
<div role="group" data-slot="button-group" data-orientation="{{ orientation }}" {{ attributes.cn(
    "flex w-fit items-stretch [&>*]:focus-visible:relative [&>*]:focus-visible:z-10",
    {
        'horizontal': '[&>*:not(:first-child)]:rounded-l-none [&>*:not(:first-child)]:border-l-0 [&>*:not(:last-child)]:rounded-r-none',
        'vertical': 'flex-col [&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none',
    }[orientation],
) }}>{{ slot }}</div>