27 lines
498 B
Svelte
27 lines
498 B
Svelte
|
<!--
|
||
|
|
Component: Divider
|
||
|
|
1px separator line, horizontal or vertical.
|
||
|
|
-->
|
||
|
|
<script lang="ts">
|
||
|
|
import { cn } from '$shared/shadcn/utils/shadcn-utils';
|
||
|
|
|
||
|
|
interface Props {
|
||
|
|
orientation?: 'horizontal' | 'vertical';
|
||
|
|
class?: string;
|
||
|
|
}
|
||
|
|
|
||
|
|
let {
|
||
|
|
orientation = 'horizontal',
|
||
|
|
class: className,
|
||
|
|
}: Props = $props();
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<div
|
||
|
|
class={cn(
|
||
|
|
'bg-black/5 dark:bg-white/10',
|
||
|
|
orientation === 'horizontal' ? 'w-full h-px' : 'w-px h-full',
|
||
|
|
className,
|
||
|
|
)}
|
||
|
|
>
|
||
|
|
</div>
|