@thinkbuff/figma-react/dist/components/separator/separator.mjs

A Figma React UI components for creating plugins and widgets

import { jsx } from 'react/jsx-runtime';
import { forwardRef } from 'react';
import * as SeparatorPrimitive from '@radix-ui/react-separator';
import { cn } from '../../utils/cn.mjs';

const Separator = forwardRef(({ className, orientation = "vertical", decorative = true, ...props }, ref) => /* @__PURE__ */ jsx(
  SeparatorPrimitive.Root,
  {
    ref,
    decorative,
    orientation,
    className: cn(
      "block",
      "shrink-0",
      "bg-figma-border",
      orientation === "horizontal" ? "w-full h-px" : "w-px h-full",
      className
    ),
    ...props
  }
));
Separator.displayName = SeparatorPrimitive.Root.displayName;

export { Separator };