miru/src/lib/components/ui/separator/separator.svelte
2025-05-22 16:05:56 +02:00

23 lines
582 B
Svelte

<script lang='ts'>
import { Separator as SeparatorPrimitive } from 'bits-ui'
import { cn } from '$lib/utils'
type $$Props = SeparatorPrimitive.Props
let className: $$Props['class'] = undefined
export let orientation: $$Props['orientation'] = 'horizontal'
export let decorative: $$Props['decorative'] = undefined
export { className as class }
</script>
<SeparatorPrimitive.Root
class={cn(
'bg-border shrink-0',
orientation === 'horizontal' ? 'h-[1px] w-full' : 'min-h-full w-[1px]',
className
)}
{orientation}
{decorative}
{...$$restProps}
/>