adonisjs-ui/build/src/tv/separator.js

[](https://npmjs.com/package/adonisjs-ui) [](https://npm.chart.dev/adonisjs-ui)

import { tv } from "tailwind-variants";
export const separator = tv({
    slots: {
        wrapper: "flex items-center w-full",
        base: "border-0",
        text: "shrink mx-6 font-medium text-sm text-zinc-500 dark:text-zinc-300 whitespace-nowrap",
    },
    variants: {
        variant: {
            subtle: { base: "bg-zinc-800/5 dark:bg-white/10" },
            solid: { base: "bg-zinc-800/15 dark:bg-white/20" },
        },
        orientation: {
            vertical: { base: "xself-center self-stretch w-px" },
            horizontal: { base: "h-px w-full" },
        },
        text: {
            true: {
                base: "grow",
            },
            false: {
                base: "shrink-0",
            },
        },
    },
    defaultVariants: {
        variant: "solid",
        orientation: "horizontal",
        text: false,
    },
});