<script lang="ts">
	interface Props {
		variant?: string;
		class?: string;
	}

	let { variant: variant = "line", class: className = "" }: Props = $props();
</script>

{#if variant === "line"}
	<hr class="min-h-px w-full border-none bg-border-default {className}" />
{:else if variant === "dot"}
	<span class="text-inherit {className}">·</span>
{/if}
