import { clsx } from 'clsx';
import { jsx } from 'react/jsx-runtime';
import { Typography } from '../common/propsValues/typography.mjs';

function Display({
  as: Heading = 'h1',
  type = Typography.DISPLAY_LARGE,
  children,
  className,
  id
}) {
  return /*#__PURE__*/jsx(Heading, {
    id: id,
    className: clsx('np-display', `np-text-${type}`, 'text-primary', className),
    children: children
  });
}

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