import React, { ComponentPropsWithoutRef, PropsWithChildren } from 'react';
import { Utils } from '../../utils/util';

export type NJAccordionItemContentProps = PropsWithChildren & ComponentPropsWithoutRef<'p'>;

export const NJAccordionItemContent = React.forwardRef<
  HTMLParagraphElement,
  NJAccordionItemContentProps
>(({ children, className, ...props }, forwardedRef) => {
  return (
    <div
      {...props}
      className={Utils.classNames('nj-accordion-item__content', className)}
      ref={forwardedRef}
    >
      {children}
    </div>
  );
});

NJAccordionItemContent.displayName = 'NJAccordionItemContent';