import * as React from "react";
import { Separator as SeparatorPrimitive } from "radix-ui";

const Separator = React.forwardRef<
  React.ElementRef<typeof SeparatorPrimitive.Root>,
  React.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root>
>(({ className, ...props }, ref) => (
  <SeparatorPrimitive.Root
    ref={ref}
    className={className}
    decorative
    {...props}
  />
));
Separator.displayName = "Separator";

export { Separator };
