import { forwardRef } from 'react';
import { clsx } from 'clsx';
import { jsx } from 'react/jsx-runtime';

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

export { Circle as default };
//# sourceMappingURL=Circle.mjs.map
