import React from "react";
import { View } from "react-native";
import * as SeparatorPrimitive from "@rn-primitives/separator";
import { cn } from "../utils/cn";
import { MutedText } from "./text";
const Separator = React.forwardRef(({ orientation = "horizontal", decorative = true, className, ...props }, ref) => (<SeparatorPrimitive.Root ref={ref} orientation={orientation} decorative={decorative} className={cn("bg-border dark:bg-neutral-800", orientation === "horizontal" ? "h-px w-full" : "w-px h-full", className)} {...props}/>));
Separator.displayName = "Separator";
function SeparatorWithText({ text = "or" }) {
    return (<View className="w-full flex-row items-center gap-3">
      <View className="h-px flex-1 bg-border dark:bg-neutral-600"/>
      <MutedText className="text-xs uppercase">{text}</MutedText>
      <View className="h-px flex-1 bg-border dark:bg-neutral-600"/>
    </View>);
}
export { Separator, SeparatorWithText };
//# sourceMappingURL=separator.jsx.map