'use strict';

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

const Circle = /*#__PURE__*/React.forwardRef(function Circle({
  as: Element = 'div',
  children,
  size = 48,
  fixedSize = false,
  className,
  style,
  ...props
}, ref) {
  return /*#__PURE__*/jsxRuntime.jsx(Element, {
    ...props,
    ref: ref,
    style: {
      ...style,
      '--circle-size': fixedSize ? `${size}px` : `var(--size-${size})`
    },
    className: clsx.clsx('np-circle', 'd-flex align-items-center justify-content-center', className),
    children: children
  });
});

module.exports = Circle;
//# sourceMappingURL=Circle.js.map
