@teamsparta/stack-divider/dist/chunk-ILZTZCG6.mjs

stack divider

import {
  getDividerStyle
} from "./chunk-DF4G4SDI.mjs";
import {
  __objRest,
  __spreadValues
} from "./chunk-LJDEA4QC.mjs";

// src/Divider.tsx
import { primitiveColor } from "@teamsparta/stack-tokens";
import {
  forwardRef
} from "react";
import { jsx } from "@emotion/react/jsx-runtime";
var DEFAULT_ORIENTATION = "horizontal";
var Divider = forwardRef(function Divider2(_a, ref) {
  var _b = _a, {
    as,
    size = 1,
    color = primitiveColor.neutral[80],
    decorative = false,
    orientation = DEFAULT_ORIENTATION,
    isFlexItem = false
  } = _b, restProps = __objRest(_b, [
    "as",
    "size",
    "color",
    "decorative",
    "orientation",
    "isFlexItem"
  ]);
  const Component = as || "hr";
  const semanticProps = decorative ? { role: "none" } : { role: "separator", "aria-orientation": orientation };
  return /* @__PURE__ */ jsx(
    Component,
    __spreadValues(__spreadValues({
      ref,
      css: getDividerStyle(size, color, orientation, isFlexItem)
    }, semanticProps), restProps)
  );
});

export {
  Divider
};