Separator

1import * as React from "react";
2import { Separator as SeparatorPrimitive } from "@base-ui/react/separator";
3 
4import { cn } from "@/lib/utils";
5 
6function Separator({ className, ...props }: SeparatorPrimitive.Props) {
7  return (
8    <SeparatorPrimitive
9      data-slot="separator"
10      className={cn(
11        "bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px",
12        className
13      )}
14      {...props}
15    />
16  );
17}
18 
19export { Separator };