import { jsx } from "react/jsx-runtime";
import { memo } from "react";
import { NODE_BADGE_INSET_CIRCLE, NODE_BADGE_INSET_SQUARE, NODE_BADGE_SIZE } from "../../constants.js";
const BaseBadgeSlot = /*#__PURE__*/ memo(({ position, shape, children })=>{
    const offset = 'circle' === shape ? NODE_BADGE_INSET_CIRCLE : NODE_BADGE_INSET_SQUARE;
    const style = {
        width: NODE_BADGE_SIZE,
        height: NODE_BADGE_SIZE
    };
    switch(position){
        case 'top-left':
            style.top = offset;
            style.left = offset;
            break;
        case 'top-right':
            style.top = offset;
            style.right = offset;
            break;
        case 'bottom-left':
            style.bottom = offset;
            style.left = offset;
            break;
        case 'bottom-right':
            style.bottom = offset;
            style.right = offset;
            break;
    }
    return /*#__PURE__*/ jsx("div", {
        className: "absolute flex items-center justify-center bg-transparent",
        style: style,
        children: children
    });
});
export { BaseBadgeSlot };
