svgl/src/ui/tabs/tabs-content.svelte
2025-01-31 14:24:30 +00:00

28 lines
639 B
Svelte

<script lang="ts">
import { Tabs as TabsPrimitive } from 'bits-ui';
import { cn } from '@/utils/cn';
type $$Props = TabsPrimitive.ContentProps;
interface Props {
class?: $$Props['class'];
value: $$Props['value'];
children?: import('svelte').Snippet;
[key: string]: any
}
let { class: className = undefined, value, children, ...rest }: Props = $props();
</script>
<TabsPrimitive.Content
class={cn(
'focus-visible:ring-ring mt-1 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2',
className
)}
{value}
{...rest}
>
{@render children?.()}
</TabsPrimitive.Content>