svelte-5-ui-lib/dist/typography/hr/theme.js

Svelte 5 UI Lib is a UI library built from scratch to leverage Svelte 5's runes system, creating smooth, reactive components.

import { tv } from 'tailwind-variants';
export const hr = tv({
    slots: {
        base: 'h-px my-8 bg-gray-200 border-0 dark:bg-gray-700',
        container: 'inline-flex items-center justify-center w-full',
        content: 'absolute px-4 -translate-x-1/2 rtl:translate-x-1/2 bg-white start-1/2 dark:bg-gray-900'
    },
    variants: {
        withChildren: {
            true: {
                base: 'w-full',
                container: 'relative'
            }
        }
    },
    defaultVariants: {
        withChildren: false
    }
});