Create separator.jsx
Browse files
frontend/src/components/ui/separator.jsx
ADDED
|
@@ -0,0 +1,16 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
import React from "react";
|
| 2 |
+
import { cn } from "@/lib/utils";
|
| 3 |
+
|
| 4 |
+
export function Separator({ className, orientation = "horizontal", ...props }) {
|
| 5 |
+
return (
|
| 6 |
+
<div
|
| 7 |
+
className={cn(
|
| 8 |
+
"shrink-0 bg-slate-200",
|
| 9 |
+
orientation === "horizontal" ? "h-px w-full" : "h-full w-px",
|
| 10 |
+
className
|
| 11 |
+
)}
|
| 12 |
+
{...props}
|
| 13 |
+
/>
|
| 14 |
+
);
|
| 15 |
+
}
|
| 16 |
+
|