import { cn } from "@/lib/utils"

interface SurrealDividerProps {
  className?: string
  label?: string
}

export function SurrealDivider({ className, label }: SurrealDividerProps) {
  if (label) {
    return (
      <div className={cn("flex items-center gap-4", className)}>
        <div className="flex-1 h-px bg-border" />
        <span className="text-xs text-muted-foreground uppercase tracking-wider">{label}</span>
        <div className="flex-1 h-px bg-border" />
      </div>
    )
  }

  return <div className={cn("h-px w-full bg-border", className)} />
}
