import type { ForwardedRef, HTMLAttributes } from 'react';
import React, { forwardRef } from 'react';

import { useRequireContext } from '../../hooks/useRequireContext';
import { isNativeHtmlStructure } from '../../utils/isNativeHtmlStructure';
import { Paragraph } from '../Typography/Paragraph/Paragraph';

/** @inheritdoc */
export interface ReviewCardContentProps extends HTMLAttributes<HTMLDivElement> {}

export const ReviewCardContent = forwardRef(function ReviewCardContent(
  { children, ...rest }: ReviewCardContentProps,
  forwardedRef: ForwardedRef<HTMLDivElement>
) {
  useRequireContext('ReviewCard');

  return (
    <div ref={forwardedRef} className='reviewCard__content' {...rest}>
      {isNativeHtmlStructure(children) ? <Paragraph>{children}</Paragraph> : children}
    </div>
  );
});
ReviewCardContent.displayName = 'ReviewCard.Content';