"use client";
import { jsx, jsxs } from "../../packages/jsx/src/jsx-runtime.js";
import { Icon } from "../Icon/Icon.js";
import { Spacing } from "../../tokens/Spacing.js";
import { Flex } from "../Flex/Flex.js";
const Divider = ({ diamonds = false, offset = false, className, ...props }) => {
  return /* @__PURE__ */ jsx("div", { className, ...props, children: /* @__PURE__ */ jsxs(
    Flex.Row,
    {
      align: "center",
      gap: Spacing["2px"],
      sx: {
        mx: offset ? [`-${Spacing["4px"]}`, null, `-${Spacing["8px"]}`, `-${Spacing["16px"]}`] : null,
        height: "1px"
      },
      children: [
        diamonds ? /* @__PURE__ */ jsx(Icon.DiamondOutline, { size: "8px", color: "White64" }) : null,
        /* @__PURE__ */ jsx("hr", { sx: { flex: 1, borderTop: "White16" } }),
        diamonds ? /* @__PURE__ */ jsx(Icon.DiamondOutline, { size: "8px", color: "White64" }) : null
      ]
    }
  ) });
};
export {
  Divider
};
