frontend-svelte/src/shared/ui/Divider/Divider.svelte

<!--
    Component: Divider
    1px separator line, horizontal or vertical.
-->
<script lang="ts">
import { cn } from '$shared/lib';

interface Props {
    /**
     * Divider orientation
     * @default 'horizontal'
     */
    orientation?: 'horizontal' | 'vertical';
    /**
     * CSS classes
     */
    class?: string;
}

let {
    orientation = 'horizontal',
    class: className,
}: Props = $props();
</script>

<div
    class={cn(
        'bg-black/10 dark:bg-white/10',
        orientation === 'horizontal' ? 'w-full h-px' : 'w-px h-full',
        className,
    )}
>
</div>