import * as React from 'react';
import { Primitive } from '../../../../../@radix-ui_react-primitive@2.0.0_@types_react-dom@18.0.11_@types_react@18.2.12_react-dom@18.3._3zmfwjcm3t5zu55yjfddt34hay/node_modules/@radix-ui/react-primitive/dist/index.js';
import { j as jsxRuntimeExports } from '../../../../../react@18.2.0/node_modules/react/jsx-runtime.js';

// packages/react/arrow/src/Arrow.tsx
var NAME = "Arrow";
var Arrow = React.forwardRef((props, forwardedRef) => {
  const { children, width = 10, height = 5, ...arrowProps } = props;
  return /* @__PURE__ */ jsxRuntimeExports.jsx(
    Primitive.svg,
    {
      ...arrowProps,
      ref: forwardedRef,
      width,
      height,
      viewBox: "0 0 30 10",
      preserveAspectRatio: "none",
      children: props.asChild ? children : /* @__PURE__ */ jsxRuntimeExports.jsx("polygon", { points: "0,0 30,0 15,10" })
    }
  );
});
Arrow.displayName = NAME;
var Root = Arrow;

export { Arrow, Root };
//# sourceMappingURL=index.js.map
