import { XBubble } from "./Bubble.js";
import { createVNode, defineComponent, mergeProps, ref } from "vue";
//#region components/bubble/System.tsx
var XBubbleSystem = /* @__PURE__ */ defineComponent({
	name: "AxBubbleSystem",
	props: {
		prefixCls: {
			type: String,
			default: "antd-bubble"
		},
		content: {
			type: [
				String,
				Number,
				Object,
				Array
			],
			required: true
		},
		variant: {
			type: String,
			default: "shadow"
		},
		shape: {
			type: String,
			default: "default"
		},
		style: {
			type: [
				String,
				Object,
				Array
			],
			default: void 0
		},
		class: {
			type: [
				String,
				Array,
				Object
			],
			default: void 0
		},
		styles: {
			type: Object,
			default: () => ({})
		},
		classes: {
			type: Object,
			default: () => ({})
		},
		rootClass: {
			type: String,
			default: ""
		}
	},
	setup(props, { expose, attrs }) {
		const bubbleRef = ref();
		expose({ get nativeElement() {
			return bubbleRef.value?.nativeElement;
		} });
		return () => createVNode(XBubble, mergeProps({ "ref": bubbleRef }, attrs, {
			"prefixCls": props.prefixCls,
			"content": props.content,
			"variant": props.variant,
			"shape": props.shape,
			"rootClass": props.rootClass,
			"style": props.style,
			"class": [`${props.prefixCls}-system`, props.class],
			"styles": props.styles,
			"classes": props.classes
		}), null);
	}
});
//#endregion
export { XBubbleSystem, XBubbleSystem as default };
