'use strict';
'use client';
import { jsx } from 'react/jsx-runtime';
import { Separator as Separator$1 } from '@base-ui/react/separator';
import { cn } from '../../../fd-toolbox/lib/utils.js';

var __defProp = Object.defineProperty;
var __name = (target, value) => __defProp(target, "name", {
  value,
  configurable: true
});
function Separator({
  className,
  orientation,
  ref
}) {
  return /* @__PURE__ */jsx(Separator$1, {
    ref,
    orientation: orientation ?? "horizontal",
    className: cn("bg-border shrink-0", orientation === "horizontal" ? "h-px w-full" : "h-full w-px", className)
  });
}
__name(Separator, "Separator");
Separator.displayName = "Separator";

export { Separator };
