import React from "react";
import * as PopoverPrimitive from "@radix-ui/react-popover";
import { gridUnit } from "../../styles";
import * as styles from "./styles";
const { Root, Portal } = PopoverPrimitive;
const Content = ({ side, children, sideOffset = gridUnit * 2, collisionPadding = gridUnit * 2, }) => (React.createElement(Portal, null,
    React.createElement(PopoverPrimitive.Content, { side: side, className: styles.content, sideOffset: sideOffset, collisionPadding: collisionPadding },
        React.createElement(PopoverPrimitive.Arrow, { className: styles.arrow }),
        children)));
const Trigger = ({ children }) => (React.createElement(PopoverPrimitive.Trigger, { className: styles.trigger }, children));
export { Root, Trigger, Content };
//# sourceMappingURL=index.js.map