Rearranged import orders for better visibility and readability. Also, cleaned up some of the typescript and JSX by adding appropriate line breaks and spaces, and ensuring the use of semicolons for better punctuation.
27 lines
713 B
TypeScript
27 lines
713 B
TypeScript
"use client";
|
|
|
|
import * as SeparatorPrimitive from "@radix-ui/react-separator";
|
|
import * as React from "react";
|
|
|
|
import { cn } from "@/lib/utils";
|
|
|
|
const Separator = React.forwardRef<
|
|
React.ElementRef<typeof SeparatorPrimitive.Root>,
|
|
React.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root>
|
|
>(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => (
|
|
<SeparatorPrimitive.Root
|
|
ref={ref}
|
|
decorative={decorative}
|
|
orientation={orientation}
|
|
className={cn(
|
|
"shrink-0 bg-border",
|
|
orientation === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]",
|
|
className,
|
|
)}
|
|
{...props}
|
|
/>
|
|
));
|
|
Separator.displayName = SeparatorPrimitive.Root.displayName;
|
|
|
|
export { Separator };
|