import { jsx } from 'react/jsx-runtime';
import { cn } from '../../../utils/cn.js';
import { DotSphere } from './variants/DotSphere/DotSphere.js';
import { Liquid } from './variants/Liquid/Liquid.js';
import { Aura } from './variants/Aura/Aura.js';

const AIOrbRoot = ({ size, backgroundColor = "#000", className, style, children, ...props }) => {
    const containerStyle = {
        background: backgroundColor,
        ...(size ? { width: size, height: size } : {}),
        ...style,
    };
    return (jsx("div", { className: cn("relative overflow-visible", !size && "w-full h-full", className), style: containerStyle, ...props, children: children }));
};
const AIOrb = Object.assign(AIOrbRoot, { DotSphere, Liquid, Aura });

export { AIOrb };
