import * as tslib_1 from "tslib";
import * as React from 'react';
import { divProperties, getNativeProps } from '../../../Utilities';
import { Callout } from '../../../Callout';
import { FocusTrapZone } from '../../../FocusTrapZone';
export var CardCallout = function (props) {
    var _a = props.gapSpace, gapSpace = _a === void 0 ? 0 : _a, _b = props.directionalHint, directionalHint = _b === void 0 ? 4 /* bottomLeftEdge */ : _b, directionalHintFixed = props.directionalHintFixed, targetElement = props.targetElement, firstFocus = props.firstFocus, trapFocus = props.trapFocus, onLeave = props.onLeave, className = props.className, finalHeight = props.finalHeight, content = props.content;
    return (React.createElement(Callout, tslib_1.__assign({}, getNativeProps(props, divProperties), { className: className, target: targetElement, isBeakVisible: false, directionalHint: directionalHint, directionalHintFixed: directionalHintFixed, finalHeight: finalHeight, minPagePadding: 24, onDismiss: onLeave, gapSpace: gapSpace }), trapFocus ? (React.createElement(FocusTrapZone, { forceFocusInsideTrap: false, isClickableOutsideFocusTrap: true, disableFirstFocus: !firstFocus }, content)) : (content)));
};
//# sourceMappingURL=CardCallout.js.map