import { jsx as r, jsxs as n } from "react/jsx-runtime";
import "react";
import i from "./index-BlobAnimation.module.scss.js";
const p = (t) => {
  const {
    size: l = "small",
    baseColor: a
  } = t;
  let e, s;
  switch (l) {
    case "small":
      e = "100px", s = "100px";
      break;
    case "medium":
      e = "300px", s = "300px";
      break;
    case "large":
      e = "500px", s = "500px";
      break;
  }
  return r("div", {
    className: i.container,
    style: {
      width: e,
      height: s,
      ...a && {
        "--baseC": a
      }
    },
    children: n("div", {
      className: i.innerOrb,
      children: [r("div", {
        className: i.innerOrb
      }), r("div", {
        className: i.innerOrb
      })]
    })
  });
};
export {
  p as BlobAnimation
};
