separator

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