'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

var clsx = require('clsx');
var jsxRuntime = require('react/jsx-runtime');

const MAP_STYLE_CONFIG = {
  16: {
    size: 6,
    offset: 1
  },
  24: {
    size: 8,
    offset: 2
  },
  32: {
    size: 10,
    offset: 2
  },
  40: {
    size: 10,
    offset: 2
  },
  48: {
    size: 14,
    offset: 2
  },
  56: {
    size: 16,
    offset: 3
  },
  72: {
    size: 20,
    offset: 3
  }
};
function Dot({
  children,
  avatarSize = 48,
  variant = 'notification'
}) {
  return /*#__PURE__*/jsxRuntime.jsxs("div", {
    className: "np-dot",
    style: {
      // @ts-expect-error CSS custom props allowed
      '--np-dot-size': `${MAP_STYLE_CONFIG[avatarSize].size}px`,
      '--np-dot-offset': `${MAP_STYLE_CONFIG[avatarSize].offset}px`
    },
    children: [/*#__PURE__*/jsxRuntime.jsx("div", {
      className: clsx.clsx('np-dot-badge', {
        'np-dot-badge-notification': variant === 'notification',
        'np-dot-badge-online': variant === 'online'
      })
    }), /*#__PURE__*/jsxRuntime.jsx("div", {
      className: "np-dot-mask",
      children: children
    })]
  });
}

exports.default = Dot;
//# sourceMappingURL=Dot.js.map
