import * as React from "react"
import { cn } from "@/lib/utils"

const Separator = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(
  ({ className, ...props }, ref) => (
    <div
      ref={ref}
      className={cn("shrink-0 bg-slate-700/50 h-[1px] w-full", className)}
      {...props}
    />
  )
)
Separator.displayName = "Separator"

export { Separator }