pocket-id-pocket-id-2/frontend/src/lib/components/ui/command/command-group.svelte

<script lang="ts">
	import { Command as CommandPrimitive } from 'cmdk-sv';
	import { cn } from '$lib/utils/style.js';
	import type { ClassValue } from 'svelte/elements';
	type $$Props = CommandPrimitive.GroupProps;

	let className: ClassValue | undefined | null = undefined;
	export { className as class };
</script>

<CommandPrimitive.Group
	class={cn(
		'text-foreground [&_[data-cmdk-group-heading]]:text-muted-foreground overflow-hidden p-1 [&_[data-cmdk-group-heading]]:px-2 [&_[data-cmdk-group-heading]]:py-1.5 [&_[data-cmdk-group-heading]]:text-xs [&_[data-cmdk-group-heading]]:font-medium',
		className
	)}
	{...$$restProps}
>
	<slot />
</CommandPrimitive.Group>