import { __assign, __rest } from "tslib";
import { withThemeableProps } from '../../useThemeable';
import { Vue } from 'vue-property-decorator';
import { DirectionalHint } from '../../common/DirectionalHint';
import { Layer } from '../Layer';
import { CalloutContent } from './CalloutContent';
export var Callout = Vue.extend({
    functional: true,
    props: __assign(__assign({}, withThemeableProps()), { target: { type: [HTMLElement, Object], required: true }, doNotLayer: { type: Boolean, default: false }, directionalHint: { type: Number, default: DirectionalHint.bottomAutoEdge } }),
    render: function (h, context) {
        var _a = context.props, layerProps = _a.layerProps, doNotLayer = _a.doNotLayer, rest = __rest(_a, ["layerProps", "doNotLayer"]);
        var content = h(CalloutContent, __assign(__assign({}, context.data), { props: __assign(__assign(__assign({}, rest), context.data.props), context.data.attrs) }), context.children);
        return doNotLayer
            ? content
            : h(Layer, __assign(__assign({}, context.data), { props: layerProps }), [content]);
    },
});
//# sourceMappingURL=Callout.js.map