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

import { useRequireContext } from '../../hooks/useRequireContext';
import { Avatar, type AvatarProps } from '../Avatar/Avatar';

/** @inheritdoc */
export interface ReviewCardFooterProps extends AvatarProps {}

export const ReviewCardFooter = forwardRef(function ReviewCardFooter(
  props: ReviewCardFooterProps,
  forwardedRef: ForwardedRef<HTMLSpanElement>
) {
  useRequireContext('ReviewCard');

  return (
    <div className='reviewCard__footer'>
      <Avatar ref={forwardedRef} {...props} />
    </div>
  );
});
ReviewCardFooter.displayName = 'ReviewCard.Footer';