<!--
    Component: SectionSeparator
    A horizontal separator line used to visually separate sections within a page.
-->
<script lang="ts">
import { cn } from '$shared/lib';

interface Props {
    /**
     * CSS classes
     * @default ''
     */
    class?: string;
}
const { class: className = '' }: Props = $props();
</script>

<div class={cn('w-full h-px bg-swiss-black/5 dark:bg-white/10 my-8 md:my-12', className)}></div>
